@import url(https://fonts.googleapis.com/css2?family=Audiowide&family=Bebas+Neue&family=Just+Another+Hand&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Saira:ital,wght@0,100..900;1,100..900&family=Science+Gothic:wght@100..900&family=Timmana&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background:#0f1311;--secondary-background:#080a0833;--green:#309b55;--white:#fff;--container:#1a1f1c}*{scroll-behavior:smooth}body{background-color:#0f1311;background-color:var(--background);overflow-x:hidden}header{justify-content:center;margin:auto;padding:10px 0;position:relative;width:calc(100% - 100px)}::selection{background-color:#309b55;background-color:var(--green);color:#fff;color:var(--white)}section:nth-child(odd){background-color:#080a0833;background-color:var(--secondary-background)}.link:hover{color:#309b55;color:var(--green);cursor:pointer;text-decoration:underline;transition:.3s}header .button{display:inline-block;margin-left:auto;margin-right:15px}header .button-header{background-color:initial;border:0;color:#fff;color:var(--white);cursor:pointer;display:inline-block;font-family:Montserrat,sans-serif;font-size:20px;margin-right:40px;position:relative;text-transform:uppercase;top:-12px;transition:.3s}header .button-header:before{background-color:#fff;background-color:var(--white);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transition:.3s;width:100%;z-index:-1}header .button-header:hover{color:#0f1311;color:var(--background)}header .button-header:hover:before{transform:scaleX(1)}.right-side{margin-left:auto;margin-right:0;margin-top:-60px}.right-side,header h1{width:-webkit-fit-content;width:fit-content}header h1{color:#fff;color:var(--white);display:block;font-family:Bebas Neue,sans-serif;font-size:40px;margin:0 0 0 15px}header h1 span{color:#309b55;color:var(--green)}header h2{color:#fff;color:var(--white);display:block;font-family:Montserrat,sans-serif;font-size:20px;font-weight:500;letter-spacing:3px;margin:-10px 0 0 15px;width:-webkit-fit-content;width:fit-content}@media screen and (max-width:900px){header h1{font-size:30px;margin-left:5px}header h2{font-size:18px;margin-left:5px}}.main{display:flex;justify-content:center;margin-left:auto;margin-right:auto;max-width:1920px}.main .left-container{width:calc(100% - 600px)}@media screen and (max-width:1700px){.main .left-container{width:calc(100% - 700px)}}@media screen and (max-width:1600px){.main .left-container{left:-50px;position:relative}}@media screen and (max-height:700px) and (min-width:1400px){.main{left:-10%;margin-top:-110px;position:relative;transform:scale(.8);width:120%}}@media screen and (max-width:1400px){.main{display:flex;flex-direction:column-reverse;justify-content:center;margin:auto;width:-webkit-fit-content!important;width:fit-content!important}}.main .right-container{height:700px;margin-right:50px;position:relative;right:80px;top:40px;width:600px}@media screen and (max-width:1700px){.main .right-container{right:-50px}}@media screen and (max-width:1600px){.main .right-container{right:-60px}}@media screen and (max-width:1400px){.main .right-container{justify-content:center;margin-left:auto;margin-right:auto;right:0}}@media screen and (max-width:900px){.main .right-container{margin-bottom:-80px;margin-bottom:-160px;margin-top:-80px;margin-top:-170px;transform:scale(.8);transform:scale(.6)}}@media screen and (max-width:600px){.main .right-container{width:300px}}@media screen and (max-width:400px){.main .right-container{margin-bottom:-200px;margin-top:-180px;transform:scale(.5)}}.main .left-container .main-container{margin-left:100px;margin-top:180px;width:900px}@media screen and (max-width:1400px){.main .left-container{left:0;right:0;transform:translate(0);width:70%}.main .left-container,.main .left-container .main-container{display:block;margin-left:auto;margin-right:auto;position:relative}.main .left-container .main-container{width:-webkit-fit-content;width:fit-content}}@media screen and (max-width:500px){.main .left-container{width:85%}}.main .left-container hr{background-color:#309b55;background-color:var(--green);border:0;display:inline-block;height:2px;margin-left:0;margin-right:15px;width:50px}.main .left-container h1{color:#fff;color:var(--white);font-family:Montserrat,sans-serif;font-size:70px;margin:-5px 0 0;width:-webkit-fit-content;width:fit-content}.main .left-container h2{color:#309b55;color:var(--green);display:inline-block;font-family:Montserrat,sans-serif;font-size:25px;font-weight:500;letter-spacing:1px;margin:0}.main .left-container h2 svg{position:relative;top:5px}.main .left-container p{color:#fff;color:var(--white);font-family:Montserrat,sans-serif;font-size:20px;line-height:1.6;margin-top:30px}@media screen and (max-width:1700px){.main .left-container p{width:90%}}@media screen and (max-width:1600px){.main .left-container p{width:80%}}@media screen and (max-width:1400px){.main .left-container p{text-align:center;width:100%}.main .left-container hr{display:none}.main .left-container h1,.main .left-container h2{justify-content:center;margin:auto;text-align:center}.main .left-container h2{display:block;width:-webkit-fit-content;width:fit-content}}@media screen and (max-width:1000px){.main .left-container p{font-size:18px}.main .left-container h1{font-size:50px}.main .left-container h2{font-size:20px}}.main .right-container div{background-color:#fff;box-shadow:-15px 15px 10px #0003;margin-left:auto;margin-right:100px;padding:30px 20px 40px;position:absolute;width:-webkit-fit-content;width:fit-content}.main .right-container div img{height:561px;object-fit:cover;width:500px}.main .right-container div p{color:#000;font-family:Just Another Hand,cursive;font-size:50px;letter-spacing:3px;margin:30px 0 0;text-align:center;transform:rotate(4deg)}.main .right-container div:first-child{left:20px;transform:scale(.7) rotate(-25deg)}.main .right-container div:nth-child(2){left:40px;transform:scale(.7) rotate(10deg)}.main .right-container div:nth-child(3){left:60px;transform:scale(.7) rotate(-5deg)}@media screen and (max-width:600px){.main .right-container div:first-child{left:calc(50% - 20px);transform:translate(-50%) scale(.7) rotate(-25deg)}.main .right-container div:nth-child(2){left:50%;transform:translate(-50%) scale(.7) rotate(10deg)}.main .right-container div:nth-child(3){left:calc(50% + 20px);transform:translate(-50%) scale(.7) rotate(-5deg)}}.main .left-container .button{display:inline-block;justify-content:center;left:-20px;margin-left:70px;margin-top:120px;position:relative;transform:scale(1.2)!important}.button-kontakt-wrapper,.button-portfolio-wrapper{display:inline-block}@media screen and (max-width:1400px){.main .left-container .button{display:block!important;justify-content:center!important;left:0;margin-left:auto!important;margin-right:auto!important;margin-top:40px;position:relative;transform:scale(1.2)!important}.button-kontakt-wrapper,.button-portfolio-wrapper{display:block}}.background1{background:radial-gradient(circle,#0d6d1d21 0,rgba(0,43,40,.486) 100%);height:600px;right:-150px;top:450px;width:600px}.background1,.background2{border-radius:50%;filter:blur(150px);position:absolute;z-index:-1}.background2{background:radial-gradient(circle,rgba(0,37,37,.459) 0,rgba(15,35,61,.479) 100%);height:700px;left:-150px;top:-150px;width:700px}@media screen and (max-width:900px){.background1,.background2{display:none}}.header-inner{align-items:center;display:flex;justify-content:space-between;position:relative}.right-side{margin-top:0}header{display:block}.logo-container{z-index:101}.mobile-toggle{cursor:pointer;display:none;left:5px;position:relative;top:-5px;z-index:101}.about-me{margin-top:120px}.section{padding:80px 0;position:relative}.content-container{color:#fff;color:var(--white);margin:0 auto;max-width:1200px;width:85%}.section-header{margin-bottom:50px;text-align:center}.section-header hr{background-color:#309b55;background-color:var(--green);border:0;height:2px;margin:0 15px;width:50px}.section-header h2,.section-header hr{display:inline-block;vertical-align:middle}.section-header h2{color:#309b55;color:var(--green);font-family:Montserrat,sans-serif;font-size:20px;font-weight:500;letter-spacing:1px;margin:0;text-transform:uppercase}.section-header h1{color:#fff;color:var(--white);font-family:Montserrat,sans-serif;font-size:60px;line-height:1.2;margin-bottom:0;margin-top:20px}.text-content{margin:0 auto;max-width:800px;text-align:center}.text-content p{color:#e0e0e0;font-family:Montserrat,sans-serif;font-size:18px;line-height:1.8;margin-bottom:25px}.portfolio-category{margin-bottom:180px}.portfolio-category h3{color:#309b55;color:var(--green);font-family:Bebas Neue,sans-serif;font-size:50px;letter-spacing:3px;margin-bottom:30px;text-align:center}.masonry-grid{grid-gap:20px;display:grid;gap:20px;grid-auto-flow:dense;grid-auto-rows:380px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.masonry-item{border-radius:4px;overflow:hidden;position:relative}.masonry-item img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.masonry-item:hover img{transform:scale(1.05)}.item-tall-large{grid-column:span 2;grid-row:span 2}.item-tall{grid-column:span 1;grid-row:span 2}.item-wide{grid-column:span 2;grid-row:span 1}.item-standard{grid-column:span 1;grid-row:span 1}.contact-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.contact-card{background:#1a1f1c;background:var(--container);border:1px solid #0000;border-radius:15px;padding:50px 30px;text-align:center;transition:all .3s ease}.contact-bottom-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:30px}.contact-card-wide{background:#1a1f1c;background:var(--container);border:1px solid #0000;border-radius:15px;box-sizing:border-box;padding:30px;text-align:center;width:100%}.contact-card-wide div h3{color:#309b55;color:var(--green);font-family:Montserrat,sans-serif;font-size:30px;font-weight:600;margin:20px 0 10px}.contact-card-wide div p{color:#aaa;font-family:Montserrat,sans-serif;font-size:20px;margin:5px 0 0}.contact-card:hover{border-color:#309b55;border-color:var(--green);transform:translateY(-5px)}.contact-card h3{color:#fff;color:var(--white);font-size:22px;font-weight:600;margin:20px 0 10px}.contact-card h3,.contact-card p{font-family:Montserrat,sans-serif}.contact-card p{color:#aaa;font-size:16px;margin:0}footer{background-color:#050606;border-top:1px solid #222;margin-top:120px;padding:60px 0 30px}.footer-content{align-items:center;flex-direction:column}.footer-content,.footer-links{display:flex;justify-content:center}.footer-links{flex-wrap:wrap;gap:30px;margin-bottom:30px}.footer-links span{color:#fff;color:var(--white);cursor:pointer;font-family:Montserrat,sans-serif;font-size:18px;letter-spacing:2px;text-transform:uppercase;transition:color .3s}.footer-links span:hover{color:#309b55;color:var(--green)}.copyright{color:#555;font-size:18px;margin-bottom:10px}.copyright,.credits{font-family:Montserrat,sans-serif;font-weight:500}.credits{color:#444;font-size:15px}.credits a{color:#555;transition:color .3s}.credits a:hover{color:#309b55;color:var(--green)}@media screen and (max-width:600px){.footer-links{flex-direction:column;gap:15px}.copyright,.footer-links{text-align:center}}@media screen and (max-width:1000px){header{box-sizing:border-box;padding:20px}.header-inner,header{width:100%}.mobile-toggle{display:block}.right-side{align-items:center;background-color:#0f1311;background-color:var(--background);display:flex;flex-direction:column;height:100vh;justify-content:center;margin-top:0!important;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.77,0,.175,1);width:100%;z-index:100}.right-side.show{right:0}.right-side .button-header{display:block;font-size:24px;margin:20px 0;top:0}.section-header h1{font-size:40px}.masonry-grid{grid-gap:20px;display:grid;gap:20px;grid-auto-flow:dense;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-large,.item-medium,.item-small{grid-column:auto;grid-row:auto}.masonry-item img{height:300px}.contact-grid{grid-template-columns:1fr}}@media screen and (max-width:750px){.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media screen and (max-width:600px){.item-standard,.item-tall,.item-tall-large,.item-wide{grid-column:span 2;grid-row:span 2}}.masonry-item{cursor:pointer}.lightbox{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000f2;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.lightbox,.lightbox-content{align-items:center;display:flex;justify-content:center}.lightbox-content{max-height:90%;max-width:90%;position:relative}.lightbox-content img{border-radius:4px;box-shadow:0 0 20px #00000080;max-height:90vh;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.close-lightbox{color:#fff;cursor:pointer;font-size:40px;position:absolute;right:20px;top:20px;transition:transform .3s;z-index:1001}.close-lightbox:hover{color:#309b55;color:var(--green);transform:rotate(90deg)}.arrow{color:#fff;cursor:pointer;font-size:50px;padding:20px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;-webkit-user-select:none;user-select:none;z-index:1002}.arrow:hover{color:#309b55;color:var(--green);transform:translateY(-50%) scale(1.1)}.arrow.left{left:-80px}.arrow.right{right:-80px}@media screen and (max-width:900px){.arrow{display:none}.lightbox-content img{max-height:80vh;max-width:100%}}.tosgdpr{justify-content:center;margin:auto;padding:0;position:relative;width:90%}.tosgdpr h1{color:#309b55;color:var(--green);font-size:40px;margin-bottom:20px;margin-top:50px}.tosgdpr h1,.tosgdpr h2{font-family:Montserrat,sans-serif;font-weight:700}.tosgdpr h2{color:#fff;color:var(--white);font-size:25px;margin:30px 0 10px}.tosgdpr p{color:#d4d4d4;font-family:Montserrat,sans-serif;font-size:18px;line-height:1.2;margin:0 0 10px}@media screen and (max-width:900px){.tosgdpr{width:95%}.tosgdpr h1{font-size:35px}.tosgdpr h2{font-size:25px}.tosgdpr p{font-size:16px}}.cenik-items{display:flex;flex-wrap:wrap;gap:20px;margin-top:80px;width:100%}.cenik-item{background:#1a1f1c;background:var(--container);border:2px solid #0000;border-radius:15px;padding:20px 20px 110px;position:relative;width:calc(33.33% - 60px)}.cenik-item h3{color:#309b55;color:var(--green);font-size:30px;font-weight:600;margin:20px 0 0;text-align:center}.cenik-item h3,.cenik-item p{font-family:Montserrat,sans-serif}.cenik-item p{color:#ddd;font-size:20px;justify-content:center;margin:5px auto 0;text-align:left;width:90%}.cenik-item p span{background-color:#309b55;background-color:var(--green);border-radius:50%;display:inline-block;height:8px;position:relative;top:-3px;width:8px}.cenik-item .price{color:#fff;font-size:23px;margin:0 0 40px;text-align:center}.cenik-item .description{color:#aaa;font-size:18px;margin:80px 0 0;text-align:center}.cenik-button{bottom:30px;left:50%;position:absolute!important;transform:translateX(-50%);width:85%!important}.another-button-poukazky button{background:#0f1311!important;background:var(--background)!important;width:100%!important}.another-button button,.cenik-button button{background:#1a1f1c!important;background:var(--container)!important;width:100%!important}.another-button button:hover,.another-button-poukazky button:hover,.cenik-button button:hover{background:#fff!important;background:var(--white)!important}.another-button .border,.another-button-poukazky .border,.cenik-button .border{width:100%!important}.another-button-poukazky .right
.another-button .right,.cenik-button .right{right:-3.5px!important}.cenik-button .left{left:-3.5px!important}.cenik-item.favorite{border:2px solid #309b55;border:2px solid var(--green)}.cenik-item.favorite:before{background-color:#309b55;background-color:var(--green);border-radius:5px 5px 0 0;color:#fff;color:var(--white);content:"Oblíbené";font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;left:50%;padding:4px 20px;position:absolute;text-align:center;text-transform:uppercase;top:-30px;transform:translateX(-50%);width:40%}.cenik-another{background:#1a1f1c;background:var(--container);border:2px solid #0000;border-radius:15px;margin-top:20px;padding:20px 20px 40px;position:relative;width:calc(100% - 50px)}.cenik-another h3{color:#309b55;color:var(--green);font-size:30px;font-weight:600}.cenik-another h3,.cenik-another p{font-family:Montserrat,sans-serif;justify-content:center;margin:20px auto 0;text-align:left;width:90%}.cenik-another p{color:#ddd;font-size:20px}.another-button{margin-top:20px}.another-button,.another-button-poukazky{margin-left:auto;margin-right:50px;position:relative;width:250px!important}.another-button-poukazky{margin-top:40px}@media screen and (max-width:1300px){.cenik-item{width:calc(50% - 60px)}.cenik-another{width:calc(100% - 55px)}.another-button .right,.cenik-button .right{right:-4px!important}.cenik-button .left{left:-4px!important}}@media screen and (max-width:900px){.cenik-item{width:100%}.cenik-another{padding:20px 20px 130px;width:calc(100% - 45px)}.another-button .right,.cenik-button .right{right:-7px!important}.another-button .left,.cenik-button .left{left:-7px!important}.another-button{bottom:30px;left:50%;margin:0;position:absolute!important;transform:translateX(-50%);width:85%!important}}@media screen and (max-width:700px){.another-button .right,.cenik-button .right{right:-5px!important}.another-button .left,.cenik-button .left{left:-5px!important}}@media screen and (max-width:500px){.another-button .right,.cenik-button .right{right:-4px!important}.another-button .left,.cenik-button .left{left:-4px!important}}@media screen and (max-width:400px){.another-button .right,.cenik-button .right{right:-3px!important}.another-button .left,.cenik-button .left{left:-3px!important}}.cenik-description{color:#a0a0a0;font-size:17px;font-style:italic;margin:5px 0 0;position:relative;text-align:left;top:-20px}.cenik-poukazky{display:flex;gap:50px;margin-top:120px}.cenik-poukazky .left{flex:2 1}.cenik-poukazky .left,.cenik-poukazky .right{height:-webkit-fit-content;height:fit-content}.cenik-poukazky .right{flex:1 1;position:relative;top:80px}.cenik-poukazky h1{color:#fff;color:var(--white);font-family:Montserrat,sans-serif;font-size:50px;font-weight:700;margin-bottom:0;margin-top:20px}.cenik-poukazky hr{background-color:#309b55;background-color:var(--green);border:0;height:2px;margin:0 15px;width:50px}.cenik-poukazky h2,.cenik-poukazky hr{display:inline-block;vertical-align:middle}.cenik-poukazky h2{color:#309b55;color:var(--green);font-family:Montserrat,sans-serif;font-size:20px;font-weight:500;letter-spacing:1px;margin:0;text-transform:uppercase}.cenik-poukazky p{color:#d4d4d4;font-family:Montserrat,sans-serif;font-size:19px;line-height:1.2;margin:15px 0 20px}.cenik-poukazky img{box-shadow:0 0 15px rgba(0,0,0,.514);display:block;height:auto;max-width:500px;position:relative;width:100%}.cenik-poukazky img:first-child{top:2px;transform:rotate(8deg)}.cenik-poukazky img:nth-child(2){left:-5px;margin-top:-140px;transform:rotate(-6deg)}.cenik-poukazky img:nth-child(3){left:14px;margin-top:-135px;transform:rotate(2deg)}.cenik-poukazky .podminky{color:#9b9b9b;font-size:17px;font-style:italic}.cenik-poukazky .podminky a{color:#309b55;color:var(--green);text-decoration:underline}@media screen and (max-width:1000px){.cenik-poukazky{flex-direction:column;gap:20px}.cenik-poukazky .right{position:relative;top:50px}.cenik-poukazky img{margin-left:auto;margin-right:auto}}.right-container svg{fill:var(--green);height:auto;position:absolute;width:100px}.right-container .okraj1{left:-25px;top:170px;transform:rotate(65deg) scale(.9)}.right-container .okraj2{bottom:75px;left:40px;transform:rotate(10deg) scale(.9)}.right-container .okraj3{bottom:55px;right:5px;transform:scaleX(-1) rotate(5deg) scale(.9)}.right-container .roh1{right:20px;top:70px;transform:scale(1.2)}.right-container .sipka1{left:20px;top:30px}.right-container .sipka2{bottom:200px;right:-50px}.right-container .sipka3{bottom:200px;left:-20px}.right-container .sipka4{bottom:-40px;left:180px}.right-container .sipka5{right:-50px;top:150px}.main .left-container .decoration1{display:block;gap:15px;margin-left:auto;margin-right:30px;margin-top:30px;width:-webkit-fit-content;width:fit-content}@media screen and (max-width:1700px){.main .left-container .decoration1{margin-right:110px}}@media screen and (max-width:1600px){.main .left-container .decoration1{margin-right:220px}}.main .left-container .decoration1 span{background-color:var(--green);border-radius:50%;display:inline-block;height:10px;margin-right:15px;width:10px}.main .left-container .decoration2{display:block;gap:15px;left:15px;margin-left:0;margin-top:180px;position:absolute;width:-webkit-fit-content;width:fit-content}@media screen and (max-width:1600px){.main .left-container .decoration2{left:60px}}.main .left-container .decoration2 span{background-color:var(--green);border-radius:5px;display:block;height:10px;margin-bottom:10px;width:10px}.main .left-container .decoration2 span:nth-child(4){height:25px}.main .left-container .decoration2 span:nth-child(3){height:20px}.main .left-container .decoration2 span:nth-child(2){height:15px}.main .left-container .decoration2 span:nth-child(5){height:10px;margin-left:20px;margin-top:-70px}.main .left-container .decoration2 span:nth-child(8){height:25px;margin-left:20px}.main .left-container .decoration2 span:nth-child(7){height:20px;margin-left:20px}.main .left-container .decoration2 span:nth-child(6){height:15px;margin-left:20px}@media screen and (max-width:1400px){.main .left-container .decoration1,.main .left-container .decoration2{display:none}}@media screen and (max-width:600px){.right-container .okraj1{left:-185px;top:170px;transform:rotate(65deg) scale(.9)}.right-container .okraj2{bottom:75px;left:-120px;transform:rotate(10deg) scale(.9)}.right-container .okraj3{bottom:55px;right:-125px;transform:scaleX(-1) rotate(5deg) scale(.9)}.right-container .roh1{right:-100px;top:70px;transform:scale(1.2)}.right-container .sipka1{left:-130px;top:30px}.right-container .sipka2{bottom:200px;right:-180px}.right-container .sipka3{bottom:200px;left:-180px}.right-container .sipka4{bottom:-40px;left:20px}.right-container .sipka5{right:-170px;top:150px}}.button[data-color=green]{--btn-color:var(--green)}.button[data-color=white]{--btn-color:var(--white)}.button{height:40px;position:relative;width:200px}.button,.button *{cursor:pointer}.button button{background-color:var(--background);border:0;-webkit-clip-path:polygon(100% 0,calc(100% - 20px) 0,100% 20px,100% 100%,100% 100%,20px 100%,0 calc(100% - 20px),0 0,100% 0);clip-path:polygon(100% 0,calc(100% - 20px) 0,100% 20px,100% 100%,100% 100%,20px 100%,0 calc(100% - 20px),0 0,100% 0);color:var(--btn-color);font-family:Montserrat;font-size:20px;font-weight:400;height:40px;left:0;letter-spacing:1px;padding:5px 30px;position:absolute;text-transform:uppercase;top:0;transition:.3s;width:200px;z-index:10}.button:hover button{background-color:var(--btn-color);-webkit-clip-path:polygon(100% 0,100% 0,100% 0,100% 100%,100% 100%,0 100%,0 100%,0 0,100% 0);clip-path:polygon(100% 0,100% 0,100% 0,100% 100%,100% 100%,0 100%,0 100%,0 0,100% 0);color:var(--background)}.button .border{background-color:var(--btn-color);-webkit-clip-path:polygon(100% 0,calc(100% - 20px) 0,100% 20px,100% 100%,100% 100%,20px 100%,0 calc(100% - 20px),0 0,100% 0);clip-path:polygon(100% 0,calc(100% - 20px) 0,100% 20px,100% 100%,100% 100%,20px 100%,0 calc(100% - 20px),0 0,100% 0);font-family:Montserrat;height:40px;left:0;position:absolute;top:0;transform:scale(1.02,1.1);transition:.3s;width:200px;z-index:1}.button:hover .border{background-color:var(--btn-color);-webkit-clip-path:polygon(100% 0,100% 0,100% 0,100% 100%,100% 100%,0 100%,0 100%,0 0,100% 0);clip-path:polygon(100% 0,100% 0,100% 0,100% 100%,100% 100%,0 100%,0 100%,0 0,100% 0);color:var(--background)}.button .left{background-color:var(--btn-color);bottom:-2px;-webkit-clip-path:polygon(0 100%,0 0,100% 100%);clip-path:polygon(0 100%,0 0,100% 100%);height:17px;left:-2px;opacity:1;position:absolute;transition:.3s;width:17px;z-index:10}.button:hover .left{opacity:0}.button .right{background-color:var(--btn-color);-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%);height:17px;opacity:1;position:absolute;right:-2px;top:-2px;transition:.3s;width:17px;z-index:10}.button:hover .right{opacity:0}