.glitch-button-module__SwrNoG__btn{--btn-primary:hsl(var(--primary-hue),85%,var(--primary-lightness));--shadow-primary:hsl(var(--shadow-primary-hue),90%,35%);--primary-hue:174;--primary-lightness:55%;--color:#000;--shadow-primary-hue:174;--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;background:var(--btn-primary);text-transform:uppercase;isolation:isolate;letter-spacing:2px;min-width:200px;height:50px;clip-path:var(--clip);border:0;outline:#0000;font-size:16px;font-weight:700;line-height:50px;transition:background .2s;position:relative}.glitch-button-module__SwrNoG__btn:hover{background:hsl(var(--primary-hue),85%,48%)}.glitch-button-module__SwrNoG__btn:active{background:hsl(var(--primary-hue),85%,42%)}.glitch-button-module__SwrNoG__btn:after,.glitch-button-module__SwrNoG__btn:before{content:"";clip-path:var(--clip);z-index:-1;position:absolute;inset:0}.glitch-button-module__SwrNoG__btn:before{background:var(--shadow-primary);transform:translate(var(--border),0)}.glitch-button-module__SwrNoG__btn:after{background:var(--btn-primary)}.glitch-button-module__SwrNoG__sm{--label-size:8px;min-width:150px;height:40px;font-size:14px;line-height:40px}.glitch-button-module__SwrNoG__lg{--label-size:10px;min-width:280px;height:65px;font-size:20px;line-height:65px}.glitch-button-module__SwrNoG__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);line-height:50px;animation:2s infinite glitch-button-module__SwrNoG__glitchAnim;display:none;position:absolute}.glitch-button-module__SwrNoG__sm .glitch-button-module__SwrNoG__glitch{line-height:40px}.glitch-button-module__SwrNoG__lg .glitch-button-module__SwrNoG__glitch{line-height:65px}.glitch-button-module__SwrNoG__btn:hover .glitch-button-module__SwrNoG__glitch{display:block}.glitch-button-module__SwrNoG__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(--btn-primary);z-index:-1;position:absolute}@keyframes glitch-button-module__SwrNoG__glitchAnim{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)}}.glitch-button-module__SwrNoG__outline{border:2px solid var(--btn-primary);--color:#fff;background:0 0}.glitch-button-module__SwrNoG__outline:hover{background:hsl(var(--primary-hue),85%,15%)}.glitch-button-module__SwrNoG__outline:active{background:hsl(var(--primary-hue),85%,10%)}.glitch-button-module__SwrNoG__outline:after{background:0 0}.glitch-button-module__SwrNoG__cyan{--primary-hue:174;--shadow-primary-hue:174}.glitch-button-module__SwrNoG__cyan.glitch-button-module__SwrNoG__outline{--color:#2beeda}.glitch-button-module__SwrNoG__magenta{--primary-hue:320;--shadow-primary-hue:320;--color:#fff}.glitch-button-module__SwrNoG__magenta.glitch-button-module__SwrNoG__outline{--color:#ee2bad}.glitch-button-module__SwrNoG__yellow{--primary-hue:60;--shadow-primary-hue:60;--color:#000}.glitch-button-module__SwrNoG__yellow.glitch-button-module__SwrNoG__outline{--color:#eeee2b}.glitch-button-module__SwrNoG__red{--primary-hue:0;--shadow-primary-hue:0;--color:#fff}.glitch-button-module__SwrNoG__red.glitch-button-module__SwrNoG__outline{--color:#ee2b2b}.glitch-button-module__SwrNoG__purple{--primary-hue:260;--shadow-primary-hue:260;--color:#fff}.glitch-button-module__SwrNoG__purple.glitch-button-module__SwrNoG__outline{--color:#8c5af2}
