@font-face{font-family:Cyber;src:url(https://assets.codepen.io/605876/Blender-Pro-Bold.otf);font-display:swap}.cybr-btn{--primary:hsl(var(--primary-hue),85%,calc(var(--primary-lightness,50)*1%));--shadow-primary:hsl(var(--shadow-primary-hue),90%,50%);--primary-hue:0;--primary-lightness:50;--color:#000000e4;--font-size:18px;--shadow-primary-hue:180;--label-size:9px;--shadow-secondary-hue:60;--shadow-secondary:hsl(var(--shadow-secondary-hue),90%,60%);--clip:polygon(0 0,100% 0,100% 100%,95% 100%,95% 90%,85% 90%,85% 100%,8% 100%,0 70%);--border:4px;--shimmy-distance:5;--clip-one:polygon(0 2%,100% 2%,100% 95%,95% 95%,95% 90%,85% 90%,85% 95%,8% 95%,0 70%);--clip-two:polygon(0 78%,100% 78%,100% 100%,95% 100%,95% 90%,85% 90%,85% 100%,8% 100%,0 78%);--clip-three:polygon(0 44%,100% 44%,100% 54%,95% 54%,95% 54%,85% 54%,85% 54%,8% 54%,0 54%);--clip-four:polygon(0 0,100% 0,100% 0,95% 0,95% 0,85% 0,85% 0,8% 0,0 0);--clip-five:polygon(0 0,100% 0,100% 0,95% 0,95% 0,85% 0,85% 0,8% 0,0 0);--clip-six:polygon(0 40%,100% 40%,100% 85%,95% 85%,95% 85%,85% 85%,85% 85%,8% 85%,0 70%);--clip-seven:polygon(0 63%,100% 63%,100% 80%,95% 80%,95% 80%,85% 80%,85% 80%,8% 80%,0 70%);color:var(--color);cursor:pointer;text-transform:uppercase;font-family:Iceland,sans-serif;font-size:var(--font-size);letter-spacing:2px;background:0 0;border:0;border-radius:12px;outline:#0000;min-width:200px;height:50px;font-weight:700;line-height:50px;transition:background .2s;position:relative}.cybr-btn:hover{--primary:hsl(var(--primary-hue),85%,calc(var(--primary-lightness,50)*0.8%))}.cybr-btn:active{--primary:hsl(var(--primary-hue),85%,calc(var(--primary-lightness,50)*0.6%))}.cybr-btn:after,.cybr-btn:before{content:"";clip-path:var(--clip);z-index:-1;border-radius:12px;position:absolute;inset:0}.cybr-btn:before{background:var(--shadow-primary);transform:translate(var(--border),0)}.cybr-btn:after{background:var(--primary)}.cybr-btn__tag{letter-spacing:1px;color:#fff;font-weight:400;line-height:1;font-size:var(--label-size);padding:1px 4px;position:absolute;bottom:-5%;right:5%}.cybr-btn__glitch{top:calc(var(--border)*-1);left:calc(var(--border)*-1);right:calc(var(--border)*-1);bottom:calc(var(--border)*-1);background:var(--shadow-primary);text-shadow:2px 2px var(--shadow-primary),-2px -2px var(--shadow-secondary);clip-path:var(--clip);border-radius:12px;animation:2s infinite glitch;display:none;position:absolute}.cybr-btn:hover .cybr-btn__glitch{display:block}.cybr-btn__glitch:before{content:"";top:calc(var(--border)*1);right:calc(var(--border)*1);bottom:calc(var(--border)*1);left:calc(var(--border)*1);clip-path:var(--clip);background:var(--primary);z-index:-1;border-radius:12px;position:absolute}@keyframes glitch{0%{clip-path:var(--clip-one)}2%,8%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance)*-1%),0)}6%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance)*1%),0)}9%{clip-path:var(--clip-two);transform:translate(0)}10%{clip-path:var(--clip-three);transform:translate(calc(var(--shimmy-distance)*1%),0)}13%{clip-path:var(--clip-three);transform:translate(0)}14%,21%{clip-path:var(--clip-four);transform:translate(calc(var(--shimmy-distance)*1%),0)}25%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance)*1%),0)}30%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance)*-1%),0)}35%,45%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance)*-1%))}40%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance)*1%))}50%{clip-path:var(--clip-six);transform:translate(0)}55%{clip-path:var(--clip-seven);transform:translate(calc(var(--shimmy-distance)*1%),0)}60%{clip-path:var(--clip-seven);transform:translate(0)}31%,61%,to{clip-path:var(--clip-four)}}.cybr-btn.how-to-play{--primary:#fff6;--shadow-primary:#ffffff80;--shadow-secondary:#ffffff4d}.cybr-btn.register-btn{--primary:#d92626b3;--shadow-primary:#cf1717cc;--shadow-secondary:#477eeb99;--primary-hue:0;--primary-lightness:50}