.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#0f766e1f;position:relative}.card-spotlight:before{content:"";border-radius:inherit;background:radial-gradient(circle 420px at var(--mouse-x)var(--mouse-y),var(--spotlight-color),transparent 72%);opacity:0;pointer-events:none;z-index:0;transition:opacity .45s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}