.glitch-button{display:inline-block;text-decoration:none;background:transparent;border:1px solid #0aff9d;color:#0aff9d;padding:15px 40px;font-family:Courier New,monospace;font-size:1.2rem;cursor:pointer;position:relative;overflow:hidden;transition:color .2s,border-color .2s}.glitch-button:hover{border-color:#ff004c;color:#ff004c;animation:glitch-button-flicker .8s infinite}.glitch-button.glitching{animation:glitch-button-shake .3s infinite,glitch-button-chromatic-aberration .2s infinite;text-shadow:-1px 0 rgba(255,0,0,.7),1px 0 rgba(0,255,255,.7),0 0 3px rgba(196,213,188,.5)}.glitch-button.glitching:before,.glitch-button.glitching:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8}.glitch-button.glitching:before{animation:glitch-button-before .3s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);color:#ff0000b3;text-shadow:2px 0 rgba(255,0,0,.5)}.glitch-button.glitching:after{animation:glitch-button-after .3s infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);color:#00ffffb3;text-shadow:-2px 0 rgba(0,255,255,.5)}@keyframes glitch-button-flicker{0%,to{opacity:1}50%{opacity:.4}70%{opacity:.7}}@keyframes glitch-button-shake{0%,to{transform:translate(0) skew(0)}10%{transform:translate(-2px,1px) skew(.5deg)}20%{transform:translate(2px,-1px) skew(-.5deg)}30%{transform:translate(-1px,2px) skew(.3deg)}40%{transform:translate(1px,-2px) skew(-.3deg)}50%{transform:translate(-2px) skew(.2deg)}60%{transform:translate(2px,1px) skew(-.2deg)}70%{transform:translate(-1px,-1px) skew(.4deg)}80%{transform:translate(1px,2px) skew(-.4deg)}90%{transform:translate(-2px,-1px) skew(.1deg)}}@keyframes glitch-button-before{0%,to{transform:translate(0)}33%{transform:translate(-2px)}66%{transform:translate(2px)}}@keyframes glitch-button-after{0%,to{transform:translate(0)}33%{transform:translate(2px)}66%{transform:translate(-2px)}}@keyframes glitch-button-chromatic-aberration{0%{text-shadow:-1px 0 rgba(255,0,0,.7),1px 0 rgba(0,255,255,.7)}25%{text-shadow:-2px 0 rgba(255,0,0,.9),2px 0 rgba(0,255,255,.9)}50%{text-shadow:-1px 0 rgba(255,0,0,.7),1px 0 rgba(0,255,255,.7)}75%{text-shadow:-3px 0 rgba(255,0,0,.8),3px 0 rgba(0,255,255,.8)}to{text-shadow:-1px 0 rgba(255,0,0,.7),1px 0 rgba(0,255,255,.7)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/glitch-button.css.map */