.card-spotlight{position:relative;overflow:hidden}.card-spotlight:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle at center,var(--spotlight-color,rgba(0,229,255,.2)),transparent 70%);top:calc(var(--mouse-y, 50%) - 150px);left:calc(var(--mouse-x, 50%) - 150px);pointer-events:none;opacity:0;transition:opacity .7s ease-out;z-index:1}.card-spotlight:hover:before{opacity:1}.card-spotlight>*{position:relative;z-index:2}