.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--h-9);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--weight-medium);white-space:nowrap;box-shadow:var(--shadow-sm);transition:background-color .12s,border-color .12s,opacity .12s;display:inline-flex}.btn__label{display:block}.btn--block{width:100%}.btn--primary{background:var(--brand-blue);color:var(--base-card-foreground);box-shadow:var(--shadow-card)}.btn--primary:hover:not(:disabled){background:#0b5dbb}.btn--secondary{background:var(--base-secondary);color:var(--base-foreground);font-weight:var(--weight-semibold)}.btn--secondary:hover:not(:disabled){background:#434b59}.btn--outline{color:var(--base-foreground);border:1px solid #e8e8e8}.btn--outline:hover:not(:disabled){background:#e8e8e814}.btn--ghost{box-shadow:none;color:var(--base-foreground)}.btn--ghost:hover:not(:disabled){background:#e8e8e80f}.btn:disabled{opacity:.3;cursor:default}.icon-btn{width:var(--h-10);height:var(--h-9);padding:var(--space-1) var(--space-3);border:1px solid var(--base-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--base-foreground);justify-content:center;align-items:center;transition:background-color .12s;display:inline-flex}.icon-btn:hover{background:#e8e8e80f}.chrome-btn{width:var(--h-7);height:var(--h-7);border-radius:var(--radius-md);color:var(--base-foreground);justify-content:center;align-items:center;transition:background-color .12s;display:inline-flex}.chrome-btn:hover{background:#e8e8e814}