.type:after{content:"_";animation:cursor .9s step-start infinite}@keyframes cursor{50%{opacity:0}}.card-spotlight{position:relative;border-radius:15px;background-color:none;padding:20px;overflow:hidden;display:flex;flex-direction:column;gap:10px;justify-content:space-around;align-items:center;--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(0,0%,100%,.05);box-shadow:inset 0 0 20px #000}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.6}button,button:after{padding:16px 20px;font-size:18px;background:linear-gradient(45deg,transparent 5%,#000 0);border:0;color:#fff;letter-spacing:3px;line-height:1;outline:transparent;position:relative;cursor:pointer}button:after{--slice-0:inset(50% 50% 50% 50%);--slice-1:inset(80% -6px 0 0);--slice-2:inset(50% -6px 30% 0);--slice-3:inset(10% -6px 85% 0);--slice-4:inset(40% -6px 43% 0);--slice-5:inset(80% -6px 5% 0);content:"HOVER ME";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 3%,#4d7c0f 0,#000 5%,#4d7c0f 0);text-shadow:-3px -3px 0 #4d7c0f,3px 3px 0 #000;clip-path:var(--slice-0)}button:hover:after{animation:glitch 1s;animation-timing-function:steps(2)}@keyframes glitch{0%{clip-path:var(--slice-1);transform:translate(-20px,-10px)}10%{clip-path:var(--slice-3);transform:translate(10px,10px)}20%{clip-path:var(--slice-1);transform:translate(-10px,10px)}30%{clip-path:var(--slice-3);transform:translateY(5px)}40%{clip-path:var(--slice-2);transform:translate(-5px)}50%{clip-path:var(--slice-3);transform:translate(5px)}60%{clip-path:var(--slice-4);transform:translate(5px,10px)}70%{clip-path:var(--slice-2);transform:translate(-10px,10px)}80%{clip-path:var(--slice-5);transform:translate(20px,-10px)}90%{clip-path:var(--slice-1);transform:translate(-10px)}to{clip-path:var(--slice-1);transform:translate(0)}}.tilted-card-figure{position:relative;width:100%;height:100%;perspective:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tilted-card-mobile-alert{position:absolute;top:1rem;text-align:center;font-size:.875rem;display:none}@media (max-width:640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{position:relative;transform-style:preserve-3d}.tilted-card-img{object-fit:cover;border-radius:15px;transform:translateZ(0)}.tilted-card-img,.tilted-card-overlay{position:absolute;top:0;left:0;will-change:transform}.tilted-card-overlay{z-index:2;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;position:absolute;left:0;top:0;border-radius:4px;background-color:#fff;padding:4px 10px;font-size:10px;color:#2d2d2d;opacity:0;z-index:3}