.glitch-button{--button-border:4px;--button-font-size:1rem;--button-cutout:1.1rem;--button-shadow-primary:#000;--button-shadow-secondary:var(--foreground);--button-shimmy-distance:3;--button-clip-1:polygon(0 2%, 100% 2%, 100% 95%, 8% 95%, 0 70%);--button-clip-2:polygon(0 78%, 100% 78%, 100% 100%, 8% 100%, 0 78%);--button-clip-3:polygon(0 44%, 100% 44%, 100% 54%, 8% 54%, 0 54%);--button-clip-4:polygon(0 0, 100% 0, 100% 0, 8% 0, 0 0);--button-clip-5:polygon(0 0, 100% 0, 100% 0, 8% 0, 0 0);--button-clip-6:polygon(0 40%, 100% 40%, 100% 85%, 8% 85%, 0 70%);--button-clip-7:polygon(0 63%, 100% 63%, 100% 80%, 8% 80%, 0 70%);--button-clip:polygon(0 0, 100% 0, 100% 100%, var(--button-cutout) 100%, 0 calc(100% - var(--button-cutout)));padding:var(--button-padding-v) var(--button-padding-h);-webkit-user-select:none;user-select:none;cursor:progress;border:0;outline:#0000;transition:background .2s;position:relative;overflow:hidden;background:0 0!important}.glitch-button:after,.glitch-button:before{content:"";clip-path:var(--button-clip);z-index:-1;position:absolute;inset:0}.glitch-button:before{background:var(--button-shadow-primary);transform:translate(var(--button-border), 0)}.glitch-button:after{background-color:var(--bg)}.glitch-button .glitchtext{background:var(--button-shadow-primary);width:120%;clip-path:var(--button-clip);padding:var(--button-padding-v) var(--button-padding-h);cursor:progress;animation:4s infinite glitch;display:none;position:absolute;inset:0}.glitch-button:hover .glitchtext{display:block}.glitch-button .glitchtext:before{content:"";top:calc(var(--button-border) * 1);right:calc(var(--button-border) * 1);bottom:calc(var(--button-border) * 1);left:calc(var(--button-border) * 1);clip-path:var(--button-clip);background-color:var(--bg);z-index:-1;position:absolute}@keyframes glitch{0%{clip-path:var(--button-clip-1)}2%,8%{clip-path:var(--button-clip-2);transform:translate(calc(var(--button-shimmy-distance) * -1%), 0)}6%{clip-path:var(--button-clip-2);transform:translate(calc(var(--button-shimmy-distance) * 1%), 0)}9%{clip-path:var(--button-clip-2);transform:translate(0)}10%{clip-path:var(--button-clip-3);transform:translate(calc(var(--button-shimmy-distance) * 1%), 0)}13%{clip-path:var(--button-clip-3);transform:translate(0)}14%,21%{clip-path:var(--button-clip-4);transform:translate(calc(var(--button-shimmy-distance) * 1%), 0)}25%{clip-path:var(--button-clip-5);transform:translate(calc(var(--button-shimmy-distance) * 1%), 0)}30%{clip-path:var(--button-clip-5);transform:translate(calc(var(--button-shimmy-distance) * -1%), 0)}35%,45%{clip-path:var(--button-clip-6);transform:translate(calc(var(--button-shimmy-distance) * -1%))}40%{clip-path:var(--button-clip-6);transform:translate(calc(var(--button-shimmy-distance) * 1%))}50%{clip-path:var(--button-clip-6);transform:translate(0)}55%{clip-path:var(--button-clip-7);transform:translate(calc(var(--button-shimmy-distance) * 1%), 0)}60%{clip-path:var(--button-clip-7);transform:translate(0)}31%,61%,to{clip-path:var(--button-clip-4)}}