.btn{--btn-bg: var(--ink);--btn-fg: var(--paper);--btn-ring: rgba(244, 242, 238, .38);--btn-sweep: var(--brand-deep);--btn-fg-hover: var(--paper);display:inline-flex;align-items:center;gap:var(--sp-3);min-height:var(--tap);padding:var(--sp-3) var(--sp-6);font-family:var(--ff-text);font-size:var(--fs-small);font-weight:600;letter-spacing:.02em;border:0;border-radius:var(--r-pill);cursor:pointer;position:relative;overflow:hidden;transition:color var(--dur-fast) var(--ease)}.btn.btn{color:var(--btn-fg);background:var(--btn-bg);box-shadow:inset 0 0 0 1px var(--btn-ring);text-decoration:none}.btn.btn:hover,.btn.btn:focus-visible{color:var(--btn-fg-hover)}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--btn-sweep);transform:scaleX(0);transform-origin:left;z-index:0;transition:transform var(--dur) var(--ease)}.btn>*{position:relative;z-index:1}.btn:hover:before,.btn:focus-visible:before{transform:scaleX(1)}.btn .arrow{transition:transform var(--dur) var(--ease)}.btn:hover .arrow,.btn:focus-visible .arrow{transform:translate(4px)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--text);--btn-ring: rgba(11, 15, 18, .28);--btn-sweep: var(--ink);--btn-fg-hover: var(--paper)}.btn--on-ink{--btn-bg: transparent;--btn-fg: var(--on-dark);--btn-ring: rgba(244, 242, 238, .38);--btn-sweep: var(--paper);--btn-fg-hover: var(--ink)}.btn--teal{--btn-bg: var(--teal);--btn-fg: var(--ink);--btn-sweep: var(--brand-deep);--btn-fg-hover: var(--paper)}.btn--sm{min-height:36px;padding:var(--sp-2) var(--sp-5);font-size:.8125rem}@media (prefers-reduced-motion: reduce){.btn:before,.btn .arrow{transition:none}}
/*# sourceMappingURL=buttons.css.map */
