.service-card{--mx:50%;--my:50%;isolation:isolate;position:relative}.service-card:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(360px circle at var(--mx) var(--my), color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 70%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.service-card:hover:before,.service-card:focus-within:before{opacity:1}@media (prefers-reduced-motion:reduce){.service-card:before{transition:none}}