.card-spotlight{background-color:#121212;border:1px solid #ffffff0d;border-radius:3rem;transition:border-color .5s;position:relative;overflow:hidden}.card-spotlight:hover{border-color:#ec133766}.card-spotlight:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at var(--mouse-x,0px)var(--mouse-y,0px),var(--spotlight-color,#ec133726)0%,transparent 80%);opacity:0;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before{opacity:1}.card-spotlight>*{z-index:1;position:relative}