.card-spotlight{position:relative;border-radius:1rem;border:1px solid rgba(255,255,255,.1);overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:rgba(0,0,0,.5);padding:1.5rem;transition:border-color .3s ease;--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(255,255,255,0.1)}.card-spotlight:hover{border-color:rgba(255,255,255,.2)}.card-spotlight:before{content:"";position:absolute;inset:0;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 ease}.card-spotlight:hover:before{opacity:1}