.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid hsla(0,0%,100%,.08);background-color:rgba(12,26,31,.82);padding:2.25rem;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(0,0%,100%,.1);transition:border-color .35s ease,box-shadow .35s ease}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 78%);opacity:0;transition:opacity .45s ease;pointer-events:none}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.7}.card-spotlight:focus-within,.card-spotlight:hover{border-color:hsla(0,0%,100%,.16);box-shadow:0 28px 60px rgba(0,0,0,.28)}