.hero-keycap[data-cursor-glow]{--cursor-x:50%;--cursor-y:50%;--cta-glow-green:#00e5a08c;--cta-glow-blue:#4bbcff66;isolation:isolate;position:relative;overflow:hidden}.hero-keycap[data-cursor-glow]:before{content:"";z-index:0;border-radius:inherit;background:radial-gradient(90px circle at var(--cursor-x) var(--cursor-y), var(--cta-glow-green), transparent 75%), radial-gradient(170px circle at var(--cursor-x) var(--cursor-y), var(--cta-glow-blue), transparent 80%);opacity:0;pointer-events:none;transition:opacity .25s ease-out;position:absolute;inset:0}.hero-keycap[data-cursor-glow]>*{z-index:1;position:relative}.hero-keycap[data-cursor-glow]:hover:before,.hero-keycap[data-cursor-glow]:focus-visible:before{opacity:1}.hero-keycap[data-cursor-glow]:focus-visible{outline-offset:5px;outline:2px solid #4bbcff}.hero-keycap[data-cursor-glow] .cta-arrow{width:1.2rem;height:1.2rem;margin-left:.2rem;transition:transform .25s ease-out}.hero-keycap[data-cursor-glow]:hover .cta-arrow,.hero-keycap[data-cursor-glow]:focus-visible .cta-arrow{transform:translate(3px)}@media (hover:none){.hero-keycap[data-cursor-glow]:before{opacity:.35}}@media (prefers-reduced-motion:reduce){.hero-keycap[data-cursor-glow],.hero-keycap[data-cursor-glow]:before,.hero-keycap[data-cursor-glow] .cta-arrow{transition:none}.hero-keycap[data-cursor-glow]:hover,.hero-keycap[data-cursor-glow]:focus-visible,.hero-keycap[data-cursor-glow]:active,.hero-keycap[data-cursor-glow]:hover .cta-arrow,.hero-keycap[data-cursor-glow]:focus-visible .cta-arrow{transform:none}}
