/* Adapted from UI Vault components/buttons/button-001: Cursor Fill. */
.hero-section .btn{position:relative;border:0;cursor:pointer;outline:0;user-select:none}.hero-section .cursor-fill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:17px 30px;border:1px solid var(--ui-text);border-radius:10px;background:transparent;color:var(--ui-text);overflow:hidden;text-decoration:none;transition:color .2s ease}.hero-section .cursor-fill span:not(.cursor-bubble){position:relative;z-index:3}
/* The bubble is a fixed circle grown with scale (not width/height), on the
   house curve, big enough to reach the far corner from any edge. Hover only
   where there is a real pointer, so a tap doesn't leave it filled. */
.hero-section .cursor-bubble{position:absolute;width:320px;height:320px;border-radius:50%;background:var(--ui-text);transform:translate(-50%,-50%) scale(0);transition:transform .45s cubic-bezier(.22,1,.36,1)}
@media (hover:hover) and (pointer:fine){.hero-section .cursor-fill:hover{color:var(--ui-bg)}.hero-section .cursor-fill:hover .cursor-bubble{transform:translate(-50%,-50%) scale(1)}}
.hero-section .cursor-fill:active{scale:.97}
.hero-section .cursor-fill:focus-visible{outline:3px solid var(--ui-text);outline-offset:4px}