.arrow-fill-button{--arrow-circle:42px;--arrow-gap:6px;background:var(--arrow-button-bg);color:var(--arrow-button-text);font-family:var(--font-body), sans-serif;letter-spacing:.19em;white-space:nowrap;pointer-events:auto;border:1px solid #ffefe85c;border-radius:999px;justify-content:flex-start;align-items:center;font-weight:400;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 30px #4d192229}.arrow-fill-button__label{z-index:1;position:relative}.arrow-fill-button__fill{z-index:2;top:var(--arrow-gap);right:var(--arrow-gap);bottom:var(--arrow-gap);left:calc(100% - var(--arrow-circle) - var(--arrow-gap));background:var(--arrow-button-fill);border-radius:999px;transition:left .48s cubic-bezier(.785,.135,.15,.86),top .48s cubic-bezier(.785,.135,.15,.86),right .48s cubic-bezier(.785,.135,.15,.86),bottom .48s cubic-bezier(.785,.135,.15,.86);position:absolute}.arrow-fill-button__fill-label{z-index:3;color:var(--arrow-button-fill-text);clip-path:inset(var(--arrow-gap) var(--arrow-gap) var(--arrow-gap) calc(100% - var(--arrow-circle) - var(--arrow-gap)) round 999px);align-items:center;padding-inline:30px 72px;transition:clip-path .48s cubic-bezier(.785,.135,.15,.86);display:flex;position:absolute;inset:0}.arrow-fill-button__icon{z-index:4;right:var(--arrow-gap);width:var(--arrow-circle);height:var(--arrow-circle);color:var(--arrow-button-fill-text);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.arrow-fill-button__arrow{width:18px;height:18px;transition:transform .48s cubic-bezier(.785,.135,.15,.86);position:absolute}.arrow-fill-button__arrow svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.arrow-fill-button__arrow--next{transform:translate(-190%)scale(.25)}.arrow-fill-button:hover .arrow-fill-button__fill,.arrow-fill-button:focus-visible .arrow-fill-button__fill{inset:0}.arrow-fill-button:hover .arrow-fill-button__fill-label,.arrow-fill-button:focus-visible .arrow-fill-button__fill-label{clip-path:inset(0 round 999px)}.arrow-fill-button:hover .arrow-fill-button__arrow--current,.arrow-fill-button:focus-visible .arrow-fill-button__arrow--current{transform:translate(190%)scale(.25)}.arrow-fill-button:hover .arrow-fill-button__arrow--next,.arrow-fill-button:focus-visible .arrow-fill-button__arrow--next{transform:translate(0)scale(1)}@media (prefers-reduced-motion:reduce){.arrow-fill-button__fill,.arrow-fill-button__fill-label,.arrow-fill-button__arrow{transition:none}}