.arrow-btn{--ab-h:48px;--ab-icon:34px;--ab-inset:7px;--ab-pad:24px;--ab-fs:13.5px;--ab-ease:cubic-bezier(.22, 1, .36, 1);--ab-move:.6s;--ab-tint:.4s;isolation:isolate;height:var(--ab-h);padding:0 var(--ab-pad) 0 calc(var(--ab-inset) * 2 + var(--ab-icon));clip-path:inset(0 round 999px);font-size:var(--ab-fs);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;flex-shrink:0;align-items:center;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.arrow-btn:before{content:"";z-index:-2;border-radius:inherit;background:var(--ab-bg);border:1.5px solid var(--ab-border);position:absolute;inset:0}.arrow-btn:after{content:"";z-index:-1;background:var(--ab-fill);clip-path:inset(50% calc(100% - var(--ab-inset) - var(--ab-icon) / 2) 50% calc(var(--ab-inset) + var(--ab-icon) / 2) round 999px);transition:clip-path var(--ab-move) var(--ab-ease);position:absolute;inset:0}.arrow-btn__label{color:var(--ab-fg);transition:transform var(--ab-move) var(--ab-ease), color var(--ab-tint) ease;display:block}.arrow-btn__track{top:0;bottom:0;left:var(--ab-inset);right:calc(var(--ab-inset) + var(--ab-icon));pointer-events:none;transition:transform var(--ab-move) var(--ab-ease);align-items:center;display:flex;position:absolute}.arrow-btn__icon{width:var(--ab-icon);height:var(--ab-icon);background:var(--ab-icon-bg);color:var(--ab-icon-fg);transition:background-color var(--ab-tint) ease, color var(--ab-tint) ease;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.arrow-btn__icon svg{transition:transform var(--ab-move) var(--ab-ease);transform:rotate(45deg)}@media (hover:hover){.arrow-btn:hover:after{clip-path:inset(0 round 999px)}.arrow-btn:hover .arrow-btn__label{color:var(--ab-fg-hover);transform:translateX(calc(var(--ab-pad) - var(--ab-inset) * 2 - var(--ab-icon)))}.arrow-btn:hover .arrow-btn__track{transform:translate(100%)}.arrow-btn:hover .arrow-btn__icon{background-color:var(--ab-icon-bg-hover);color:var(--ab-icon-fg-hover)}.arrow-btn:hover .arrow-btn__icon svg{transform:rotate(0)}}.arrow-btn:focus-visible{outline:2px solid var(--ab-fill);outline-offset:3px}.arrow-btn:focus-visible:after{clip-path:inset(0 round 999px)}.arrow-btn:focus-visible .arrow-btn__label{color:var(--ab-fg-hover);transform:translateX(calc(var(--ab-pad) - var(--ab-inset) * 2 - var(--ab-icon)))}.arrow-btn:focus-visible .arrow-btn__track{transform:translate(100%)}.arrow-btn:focus-visible .arrow-btn__icon{background-color:var(--ab-icon-bg-hover);color:var(--ab-icon-fg-hover)}.arrow-btn:focus-visible .arrow-btn__icon svg{transform:rotate(0)}.arrow-btn--sm{--ab-h:40px;--ab-icon:30px;--ab-inset:5px;--ab-pad:14px;--ab-fs:13px}.arrow-btn--lg{--ab-h:52px;--ab-icon:36px;--ab-inset:8px}.arrow-btn--dark{--ab-bg:transparent;--ab-border:#ffffff26;--ab-fg:#fff;--ab-icon-bg:#ffffff14;--ab-icon-fg:#fff;--ab-fill:#fff;--ab-fg-hover:#050b11;--ab-icon-bg-hover:#050b11;--ab-icon-fg-hover:#fff}.arrow-btn--glass{--ab-bg:#ffffff14;--ab-border:#ffffff26;--ab-fg:#fff;--ab-icon-bg:#fff;--ab-icon-fg:#0a1220;--ab-fill:#fff;--ab-fg-hover:#0a1220;--ab-icon-bg-hover:#0a1220;--ab-icon-fg-hover:#fff}.arrow-btn--red{--ab-bg:transparent;--ab-border:#e53935;--ab-fg:#e53935;--ab-icon-bg:#e53935;--ab-icon-fg:#fff;--ab-fill:#e53935;--ab-fg-hover:#fff;--ab-icon-bg-hover:#fff;--ab-icon-fg-hover:#e53935}.arrow-btn--primary{--ab-bg:var(--color-white,#fff);--ab-border:var(--color-primary,#101d2c);--ab-fg:var(--color-primary,#101d2c);--ab-icon-bg:var(--color-primary,#101d2c);--ab-icon-fg:var(--color-white,#fff);--ab-fill:var(--color-primary,#101d2c);--ab-fg-hover:var(--color-white,#fff);--ab-icon-bg-hover:var(--color-white,#fff);--ab-icon-fg-hover:var(--color-primary,#101d2c)}@media (prefers-reduced-motion:reduce){.arrow-btn{--ab-move:.01ms}}