.btn{border-radius:var(--radius-button);min-block-size:2.75rem;max-inline-size:100%;font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);white-space:normal;text-align:center;cursor:pointer;isolation:isolate;transition:color var(--duration-wipe) var(--ease-expo);border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1.7rem;line-height:1.3;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:4px}.btn__fill{z-index:0;background-color:var(--btn-fill);transition:transform var(--duration-wipe) var(--ease-expo);position:absolute;inset:-1px;transform:translateY(101%)}.btn:hover .btn__fill,.btn:focus-visible .btn__fill{transform:translateY(0)}.btn__label,.btn__arrow{z-index:1;position:relative}.btn__arrow{width:1em;height:1em;transition:transform var(--duration-base) var(--ease-quint);flex-shrink:0}.btn:hover .btn__arrow,.btn:focus-visible .btn__arrow{transform:translate(.25em)}.btn--primary{background-color:var(--color-btn-base,var(--color-accent));color:var(--color-ink-900);--btn-fill:var(--color-btn-hover,var(--color-harbor-900))}.btn--primary:hover,.btn--primary:focus-visible{color:var(--color-btn-hover-ink,var(--color-paper-50))}.btn--outline{color:var(--color-btn-alt-ink,var(--color-fg-heading));--btn-fill:var(--color-btn-alt-fill,var(--color-fg-heading));background-color:#0000;border-color:currentColor}.btn--outline:hover,.btn--outline:focus-visible{color:var(--color-btn-alt-hover-ink,var(--color-bg-base))}.btn--ghost{color:var(--color-fg-heading);border-radius:var(--radius-sm);background-color:#0000;padding-inline:.5rem}.btn--ghost .btn__fill{display:none}.btn--ghost:hover,.btn--ghost:focus-visible{color:var(--color-accent-strong)}@media (prefers-reduced-motion:reduce){.btn__fill{display:none}.btn--primary:hover,.btn--primary:focus-visible,.btn--outline:hover,.btn--outline:focus-visible{background-color:var(--btn-fill)}}