.glitch-orange{position:relative}.glitch-orange:after,.glitch-orange:before{clip:rect(0,0,0,0);background:rgba(255,145,0,0);content:attr(data-text);position:absolute;top:0;width:100%}.glitch-orange:before{left:-1px;text-shadow:1px 0 rgba(255,145,0,.7)}.glitch-orange:after{left:1px;text-shadow:-1px 0 hsla(0,0%,100%,.7)}.glitch-orange:hover:before{animation:glitch-loop-1 .8s ease-in-out infinite alternate-reverse;text-shadow:4px 0 rgba(255,145,0,.7)}.glitch-orange:hover:after{animation:glitch-loop-2 .8s ease-in-out infinite alternate-reverse;text-shadow:-5px 0 hsla(0,0%,100%,.7)}.glitch-blue{position:relative}.glitch-blue:after,.glitch-blue:before{clip:rect(0,0,0,0);background:rgba(255,145,0,0);content:attr(data-text);position:absolute;top:0;width:100%}.glitch-blue:before{left:-1px;text-shadow:1px 0 rgba(0,116,248,.7)}.glitch-blue:after{left:1px;text-shadow:-1px 0 hsla(0,0%,100%,.7)}.glitch-blue:hover:before{animation:glitch-loop-1 .8s ease-in-out infinite alternate-reverse;text-shadow:4px 0 rgba(0,116,248,.7)}.glitch-blue:hover:after{animation:glitch-loop-2 .8s ease-in-out infinite alternate-reverse;text-shadow:-5px 0 hsla(0,0%,100%,.7)}.glitch-green{position:relative}.glitch-green:after,.glitch-green:before{clip:rect(0,0,0,0);background:rgba(255,145,0,0);content:attr(data-text);position:absolute;top:0;width:100%}.glitch-green:before{left:-1px;text-shadow:1px 0 rgba(30,255,0,.7)}.glitch-green:after{left:1px;text-shadow:-1px 0 hsla(0,0%,100%,.7)}.glitch-green:hover:before{animation:glitch-loop-1 .8s ease-in-out infinite alternate-reverse;text-shadow:4px 0 rgba(30,255,0,.7)}.glitch-green:hover:after{animation:glitch-loop-2 .8s ease-in-out infinite alternate-reverse;text-shadow:-5px 0 hsla(0,0%,100%,.7)}.glitch-red{position:relative}.glitch-red:after,.glitch-red:before{clip:rect(0,0,0,0);background:rgba(255,145,0,0);content:attr(data-text);position:absolute;top:0;width:100%}.glitch-red:before{left:-1px;text-shadow:1px 0 rgba(255,42,42,.7)}.glitch-red:after{left:1px;text-shadow:-1px 0 hsla(0,0%,100%,.7)}.glitch-red:hover:before{animation:glitch-loop-1 .8s ease-in-out infinite alternate-reverse;text-shadow:4px 0 rgba(255,42,42,.7)}.glitch-red:hover:after{animation:glitch-loop-2 .8s ease-in-out infinite alternate-reverse;text-shadow:-5px 0 hsla(0,0%,100%,.7)}.glitch-white{position:relative}.glitch-white:after,.glitch-white:before{clip:rect(0,0,0,0);background:rgba(255,145,0,0);content:attr(data-text);position:absolute;top:0;width:100%}.glitch-white:before{left:-1px;text-shadow:1px 0 hsla(0,0%,81%,.7)}.glitch-white:after{left:1px;text-shadow:-1px 0 hsla(0,0%,100%,.7)}.glitch-white:hover:before{animation:glitch-loop-1 .8s ease-in-out infinite alternate-reverse;text-shadow:4px 0 hsla(0,0%,81%,.7)}.glitch-white:hover:after{animation:glitch-loop-2 .8s ease-in-out infinite alternate-reverse;text-shadow:-5px 0 hsla(0,0%,100%,.7)}.glitch-purple{position:relative}.glitch-purple:after,.glitch-purple:before{clip:rect(0,0,0,0);background:rgba(255,145,0,0);content:attr(data-text);position:absolute;top:0;width:100%}.glitch-purple:before{left:-1px;text-shadow:1px 0 rgba(212,0,255,.7)}.glitch-purple:after{left:1px;text-shadow:-1px 0 hsla(0,0%,100%,.7)}.glitch-purple:hover:before{animation:glitch-loop-1 .8s ease-in-out infinite alternate-reverse;text-shadow:4px 0 rgba(212,0,255,.7)}.glitch-purple:hover:after{animation:glitch-loop-2 .8s ease-in-out infinite alternate-reverse;text-shadow:-5px 0 hsla(0,0%,100%,.7)}@keyframes glitch-loop-1{0%{clip:rect(36px,9999px,9px,0)}25%{clip:rect(25px,9999px,99px,0)}50%{clip:rect(50px,9999px,102px,0)}75%{clip:rect(30px,9999px,92px,0)}to{clip:rect(91px,9999px,98px,0)}}@keyframes glitch-loop-2{0%{clip:rect(65px,9999px,119px,0);left:1px;top:-1px}25%{clip:rect(79px,9999px,19px,0);left:4px;top:-6px}50%{clip:rect(68px,9999px,11px,0);left:2px;top:-3px}75%{clip:rect(95px,9999px,53px,0);left:-4px;top:0}to{clip:rect(31px,9999px,149px,0);left:-1px;top:-1px}}