.btn{--btn-fg: var(--color-white);--btn-bg: var(--color-blue);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.7rem 1.35rem;border-radius:var(--radius-button);border:1px solid transparent;font-family:var(--font-sans);font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--lg{min-height:52px;padding:.95rem 1.75rem;font-size:1.0625rem}.btn--primary{background-color:var(--color-blue);color:var(--color-white)}.btn--primary:hover{background-color:var(--color-blue-hover);color:var(--color-white)}.btn--secondary{background-color:transparent;color:var(--color-ink);border-color:var(--color-border)}.btn--secondary:hover{border-color:var(--color-blue);color:var(--color-blue-dark)}.btn--ghost{background-color:transparent;color:var(--color-blue-dark);padding-inline:.5rem}.btn--ghost:hover{color:var(--color-blue)}.btn--on-dark{background-color:var(--color-white);color:var(--color-ink)}.btn--on-dark:hover{background-color:var(--color-frost);color:var(--color-ink)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;pointer-events:none}