.glitch-button{--primary:#00f3ff;--secondary:#f0f;--bg:#000;--text:#fff;text-transform:uppercase;color:var(--text);background:var(--bg);border:2px solid var(--primary);cursor:pointer;letter-spacing:2px;border-radius:4px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.glitch-button:hover{background:var(--primary);color:var(--bg);box-shadow:0 0 20px var(--primary);transform:translateY(-2px)}.glitch-button:before,.glitch-button:after{content:attr(data-text);background:var(--bg);opacity:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.glitch-button:hover:before{opacity:1;color:#f0f;z-index:-1;background:0 0;animation:.4s linear infinite alternate-reverse glitch-anim-1}.glitch-button:hover:after{opacity:1;color:#00f3ff;z-index:-2;background:0 0;animation:.4s linear infinite alternate-reverse glitch-anim-2}@keyframes glitch-anim-1{0%{clip:rect(10px,9999px,40px,0);transform:translate(-2px,-2px)}25%{clip:rect(30px,9999px,60px,0);transform:translate(2px,2px)}50%{clip:rect(50px,9999px,80px,0);transform:translate(-2px,2px)}75%{clip:rect(20px,9999px,50px,0);transform:translate(2px,-2px)}to{clip:rect(40px,9999px,70px,0);transform:translate(0)}}@keyframes glitch-anim-2{0%{clip:rect(15px,9999px,45px,0);transform:translate(2px,2px)}25%{clip:rect(35px,9999px,65px,0);transform:translate(-2px,-2px)}50%{clip:rect(55px,9999px,85px,0);transform:translate(2px,-2px)}75%{clip:rect(25px,9999px,55px,0);transform:translate(-2px,2px)}to{clip:rect(45px,9999px,75px,0);transform:translate(0)}}.glitch-button:active{filter:brightness(1.2);transform:translateY(1px)}