@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";html,body{font-family:Nunito Sans,Lato,Arial,Helvetica,sans-serif}.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid var(--border-color, #ddd);background-color:var(--bg-color, #fff);padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(0, 0, 0, .06);transition:background .3s ease,border .3s ease}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.85}