.button{color:#0e1a2d;text-decoration:none;font-size:14px;font-weight:600;line-height:1;padding:10px 28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:.5s;cursor:pointer}.button:hover{border-radius:50px}.arrow-button:active,.button:active{scale:.95;box-shadow:inset 0 0 20px 0 rgba(14,26,45,.3)}.button span{inset:0;display:flex;align-items:center;justify-content:center;transition:.5s;gap:10px}.button .behind{transform:translateX(-100%);opacity:0;position:absolute}.button:hover .front{transform:translateX(100%);opacity:0}.button:hover .behind{transform:translateX(0);opacity:1}.button span svg{font-size:20px;stroke-width:.5px}.button.green{background:linear-gradient(180deg,#aeff51,#cbfb4b)}.button.green:hover{background:linear-gradient(180deg,#89ff00,#aeff51)}.button.blue{background:#0e1a2d;color:#e7e6eb}.button.blue:hover{background:#314160}.button.glass{background:hsla(0,0%,100%,.2)}.button.glass:before{content:"";position:absolute;inset:0;border-radius:10px;padding:1px;background:linear-gradient(-10deg,hsla(0,0%,100%,.17),hsla(0,0%,100%,.36),#fff,hsla(0,0%,100%,.14));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:.5s}.button.glass:hover:before{border-radius:50px}.arrow-button{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:.5s;cursor:pointer;background:linear-gradient(180deg,#89ff00,#cbfb4b);filter:drop-shadow(0 0 4px rgba(107,150,0,.2));font-size:30px;width:84px;height:auto;aspect-ratio:84/55;-webkit-clip-path:polygon(100% 78.547%,100% 21.482%,100% 21.482%,99.665% 16.802%,98.715% 12.548%,97.231% 8.792%,95.295% 5.608%,92.99% 3.068%,90.398% 1.245%,87.599% .213%,84.677% .044%,81.713% .812%,78.789% 2.589%,7.599% 59.654%,7.599% 59.654%,4.185% 63.35%,1.814% 67.905%,.435% 73.025%,0 78.417%,.459% 83.787%,1.761% 88.839%,3.858% 93.281%,6.699% 96.818%,10.235% 99.155%,14.416% 100%,85.607% 100%,85.607% 100%,87.941% 99.719%,90.156% 98.906%,92.221% 97.606%,94.107% 95.861%,95.784% 93.717%,97.223% 91.217%,98.393% 88.406%,99.266% 85.328%,99.812% 82.027%,100% 78.547%);clip-path:polygon(100% 78.547%,100% 21.482%,100% 21.482%,99.665% 16.802%,98.715% 12.548%,97.231% 8.792%,95.295% 5.608%,92.99% 3.068%,90.398% 1.245%,87.599% .213%,84.677% .044%,81.713% .812%,78.789% 2.589%,7.599% 59.654%,7.599% 59.654%,4.185% 63.35%,1.814% 67.905%,.435% 73.025%,0 78.417%,.459% 83.787%,1.761% 88.839%,3.858% 93.281%,6.699% 96.818%,10.235% 99.155%,14.416% 100%,85.607% 100%,85.607% 100%,87.941% 99.719%,90.156% 98.906%,92.221% 97.606%,94.107% 95.861%,95.784% 93.717%,97.223% 91.217%,98.393% 88.406%,99.266% 85.328%,99.812% 82.027%,100% 78.547%)}.arrow-button:hover{background:linear-gradient(180deg,#89ff00,#aeff51)}.arrow-button span{position:absolute;top:63%;transform:translate(-10%,-50%);transition:.5s}.arrow-button svg{stroke-width:.5px}.arrow-button .behind{left:-50%;opacity:0}.arrow-button .front,.arrow-button:hover .behind{left:50%;opacity:1}.arrow-button:hover .front{left:100%;opacity:0}@media screen and (min-width:1601px){.button{font-size:18px;padding:14px 46px}.arrow-button{width:126px;font-size:40px}}@media screen and (min-width:1361px) and (max-width:1600px){.button{font-size:16px;padding:12px 36px}.arrow-button{width:96px;font-size:34px}}@media screen and (min-width:767px) and (max-width:1200px){.button{font-size:2cqw;padding:1.3cqw 3.8cqw;border-radius:14px}.arrow-button{font-size:3.3cqw}.arrow-button span{transform:translate(-25%,-50%)}}@media screen and (max-width:766px){.button{font-size:3.5cqw;padding:2.3cqw 4.8cqw;border-radius:10px}.arrow-button{font-size:7.3cqw}.arrow-button span{transform:translate(-25%,-50%)}}