.arrow-fill-button{color:#f0f4ff;width:fit-content;height:3.25rem;font-family:var(--font-jost), var(--font-open-sans), sans-serif;text-rendering:geometricprecision;white-space:nowrap;cursor:pointer;background:#15223b;border:1px solid #7185a8;border-radius:10px;justify-content:center;align-items:center;padding:0 3.75rem 0 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 22px 2px #9ab5ff33}.arrow-fill-button__text{z-index:1;position:relative}.arrow-fill-button__fill{z-index:2;border-radius:inherit;color:#14223b;clip-path:inset(.4rem .4rem .4rem calc(100% - 2.65rem) round 7px);background:#becfff;align-items:center;padding:0 3.75rem 0 1.5rem;transition:clip-path .45s cubic-bezier(.785,.135,.15,.86);display:flex;position:absolute;inset:-1px}.arrow-fill-button__icon{color:#14223b;width:.875rem;height:.875rem;position:absolute;right:1.125rem;overflow:hidden}.arrow-fill-button__path{fill:currentColor;transform-origin:50%;transition:transform .45s cubic-bezier(.785,.135,.15,.86)}.arrow-fill-button__path:first-child{transform:translate(-120%)scale(0)}.arrow-fill-button:is(:hover,:focus-visible):not(:disabled) .arrow-fill-button__path:first-child{transform:translate(0)scale(1)}.arrow-fill-button:is(:hover,:focus-visible):not(:disabled) .arrow-fill-button__path:last-child{transform:translate(120%)scale(0)}.arrow-fill-button:is(:hover,:focus-visible):not(:disabled) .arrow-fill-button__fill{clip-path:inset(0 round 10px)}.arrow-fill-button:focus-visible{outline-offset:5px;outline:2px solid #a9c2ff}.arrow-fill-button:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.arrow-fill-button__fill,.arrow-fill-button__path{transition:none}}
