.glitch-wrapper{display:inline-block;position:relative}.glitch-text{color:#fff;margin:0;position:relative}.glitch-wrapper:hover .glitch-text:before,.glitch-wrapper:hover .glitch-text:after{content:attr(data-text);background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-wrapper:hover .glitch-text:before{text-shadow:-1px 0 #ff00c1;clip-path:inset(44% 0 61%);animation:.4s linear infinite alternate-reverse glitch-anim-1;left:2px}.glitch-wrapper:hover .glitch-text:after{text-shadow:-1px 0 #00fff9;clip-path:inset(50% 0 30%);animation:.4s linear infinite alternate-reverse glitch-anim-2;left:-2px}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80%)}20%{clip-path:inset(60% 0 10%)}40%{clip-path:inset(40% 0 50%)}60%{clip-path:inset(80% 0 5%)}80%{clip-path:inset(10% 0 70%)}to{clip-path:inset(30% 0 20%)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60%)}20%{clip-path:inset(30% 0 10%)}40%{clip-path:inset(80% 0 5%)}60%{clip-path:inset(20% 0 70%)}80%{clip-path:inset(50% 0 30%)}to{clip-path:inset(10% 0 90%)}}
