.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-size:14px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-brutal);font-family:var(--font-family-heading);outline:none;padding:12px 24px;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none!important;transform:none!important}.btn-primary{background-color:var(--color-primary);color:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal-active)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-brutal-sm);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active);box-shadow:var(--shadow-brutal-active);transform:translateY(1px)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:var(--border-brutal-thin);box-shadow:var(--shadow-brutal-active)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-pale);box-shadow:var(--shadow-brutal-sm);transform:translateY(-2px)}.btn-secondary:active:not(:disabled){box-shadow:var(--shadow-brutal-active);transform:translateY(1px)}.btn-ghost{color:var(--color-text-secondary);border:var(--border-brutal);box-shadow:var(--shadow-brutal-active);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-primary-pale);color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-brutal-sm);transform:translateY(-1px)}.btn-ghost:active:not(:disabled){box-shadow:var(--shadow-brutal-active);transform:translateY(1px)}.btn-light{background-color:var(--color-text-primary);color:var(--color-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal-active)}.btn-light:hover:not(:disabled){background-color:var(--color-text-secondary);box-shadow:var(--shadow-brutal-sm);transform:translateY(-1px)}.btn-light:active:not(:disabled){background-color:var(--color-text-primary);box-shadow:var(--shadow-brutal-active);transform:translateY(1px)}.btn-spinner{flex-shrink:0}.btn-destructive{background-color:var(--color-error-bg);color:var(--color-error-text);border:var(--border-brutal);box-shadow:var(--shadow-brutal-active)}.btn-destructive:hover:not(:disabled){background-color:var(--color-error-text);color:var(--color-surface);box-shadow:var(--shadow-brutal-sm);transform:translateY(-2px)}.btn-destructive:active:not(:disabled){box-shadow:var(--shadow-brutal-active);transform:translateY(1px)}