.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);letter-spacing:-.01em;cursor:pointer;border:none;font-family:inherit;font-weight:400;text-decoration:none;transition:background-color .2s;display:inline-flex}.btn--primary{background:var(--color-button-bg);color:var(--color-button-text);border-radius:var(--border-radius-pill);outline:none;transition:opacity .3s,transform .15s,background-color .2s}.btn--primary:hover{background:var(--color-button-hover);color:var(--color-button-text);opacity:.95;transform:translateY(-1px)}.btn--primary:active{background:var(--color-button-bg);opacity:.9;transform:translateY(0)}.btn--primary:focus-visible{background:var(--color-button-bg);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--color-accent-primary)}.btn--secondary{color:var(--color-text-primary);border-radius:var(--border-radius-pill);background-color:#0000000f}.btn--secondary:hover{background-color:#00000017}.btn--outline{color:var(--color-text-primary);border-radius:var(--border-radius-pill);background-color:#0000;border:1px solid #0a162833}.btn--outline:hover{border-color:var(--color-text-primary);background-color:#0a16280d}.btn--sm{padding:8px 16px;font-size:.875rem}.btn--md{padding:12px 24px;font-size:.9375rem}.btn--lg{padding:16px 32px;font-size:1rem}