.card-spotlight{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:24px;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(201, 169, 110, .45)}.card-spotlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.card-spotlight:hover:before{opacity:1}.card-spotlight>span{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.card-spotlight:before{transition:none}}