.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff1a;background-color:#00000080;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff1a;border-radius:1rem;padding:1.5rem;transition:border-color .3s;position:relative;overflow:hidden}.card-spotlight:hover{border-color:#fff3}.card-spotlight:before{content:"";background:radial-gradient(350px circle at var(--mouse-x)var(--mouse-y),var(--spotlight-color),transparent 80%);pointer-events:none;opacity:0;transition:opacity .4s;position:absolute;inset:0}.card-spotlight:hover:before{opacity:1}