.futuristic-button{position:relative;width:11em;height:4em;outline:none;transition:.1s;background-color:transparent;border:none;font-size:13px;font-weight:700;color:#ddebf0}#clip{--color:#2761c3;position:absolute;top:0;overflow:hidden;width:100%;height:100%;border:5px double var(--color);box-shadow:inset 0 0 15px #195480;-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.futuristic-button .arrow{position:absolute;transition:.2s;background-color:#2761c3;top:35%;width:11%;height:30%}#leftArrow{left:-13.5%;-webkit-clip-path:polygon(100% 0,100% 100%,0 50%);clip-path:polygon(100% 0,100% 100%,0 50%)}#rightArrow{-webkit-clip-path:polygon(100% 49%,0 0,0 100%);clip-path:polygon(100% 49%,0 0,0 100%);left:102%}.futuristic-button:hover #rightArrow{background-color:#27c39f;left:-15%;animation:rightArrow8 .6s ease-in-out infinite alternate both}.futuristic-button:hover #leftArrow{background-color:#27c39f;left:103%;animation:leftArrow8 .6s ease-in-out infinite alternate both}.corner{position:absolute;width:4em;height:4em;background-color:#2761c3;box-shadow:inset 1px 1px 8px #2781c3;transform:scale(1) rotate(45deg);transition:.2s}#rightTop{top:-1.98em;left:91%}#leftTop{top:-1.96em;left:-3em}#leftBottom{top:2.1em;left:-2.15em}#rightBottom{top:45%;left:88%}.futuristic-button:hover #leftTop{animation:changeColor8 .1s ease-in-out .05s both,lightEffect8 .2s linear .4s both}.futuristic-button:hover #rightTop{animation:changeColor8 .1s ease-in-out .15s both,lightEffect8 .2s linear .4s both}.futuristic-button:hover #rightBottom{animation:changeColor8 .1s ease-in-out .25s both,lightEffect8 .2s linear .4s both}.futuristic-button:hover #leftBottom{animation:changeColor8 .1s ease-in-out .35s both,lightEffect8 .2s linear .4s both}.futuristic-button:hover .corner{transform:scale(1.25) rotate(45deg)}.futuristic-button:hover #clip{animation:greenLight8 .2s ease-in-out .55s both;--color:#27c39f}@keyframes changeColor8{0%{background-color:#2781c3}to{background-color:#27c39f}}@keyframes lightEffect8{0%{box-shadow:1px 1px 5px #27c39f}to{box-shadow:0 0 2px #27c39f}}@keyframes greenLight8{to{box-shadow:inset 0 0 32px #27c39f}}@keyframes leftArrow8{0%{transform:translate(0)}to{transform:translateX(10px)}}@keyframes rightArrow8{0%{transform:translate(0)}to{transform:translateX(-10px)}}.help-container{position:absolute;inset:-1em;--c:7px;background-color:#000;background-image:radial-gradient(circle at 50% 50%,#0000 1.5px,#000 0 var(--c),#0000 var(--c)),radial-gradient(circle at 50% 50%,#0000 1.5px,#000 0 var(--c),#0000 var(--c)),radial-gradient(circle at 50% 50%,#f00,#f000 60%),radial-gradient(circle at 50% 50%,#ff0,#ff00 60%),radial-gradient(circle at 50% 50%,#0f0,#0f00 60%),radial-gradient(ellipse at 50% 50%,#00f,#00f0 60%);background-size:12px 20.7846097px,12px 20.7846097px,200% 200%,200% 200%,200% 200%,200% 20.7846097px;--p:0px 0px,6px 10.39230485px;background-position:var(--p),0 0,0 0,0 0;animation:wee 40s linear infinite,filt 6s linear infinite}@keyframes filt{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes wee{0%{background-position:var(--p),800% 400%,1000% -400%,-1200% -600%,400% 41.5692194px}to{background-position:var(--p),0 0,0 0,0 0,0 0}}