.app-btn{align-items:center;border:1px solid transparent;border-radius:10px;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-weight:600;gap:var(--space-2);justify-content:center;line-height:1;text-decoration:none;transition:all .2s ease;white-space:nowrap}.app-btn:disabled{cursor:not-allowed;opacity:.5}.app-btn--sm{border-radius:8px;font-size:.8125rem;padding:10px 16px}.app-btn--md{font-size:.875rem;padding:12px 20px}.app-btn--lg{font-size:1rem;padding:14px 28px}.app-btn--primary{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));border-color:transparent;color:#fff}.app-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:0 4px 20px var(--color-primary-glow);transform:translateY(-1px)}.app-btn--primary:active:not(:disabled){box-shadow:none;transform:translateY(0)}.app-btn--secondary{background-color:var(--bg-medium);border-color:var(--border-medium);color:var(--text-secondary)}.app-btn--secondary:hover:not(:disabled){background-color:var(--bg-light);border-color:var(--border-strong);color:var(--text-primary)}.app-btn--ghost{background-color:transparent;border-color:transparent;color:var(--text-muted)}.app-btn--ghost:hover:not(:disabled){background-color:var(--bg-light);color:var(--text-heading)}.app-btn--danger{background-color:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text)}.app-btn--danger:hover:not(:disabled){background-color:var(--color-error-bg-hover);border-color:var(--color-error-border-hover);box-shadow:0 4px 16px var(--color-error-glow);color:var(--color-error-hover)}.app-btn--loading{pointer-events:none}.btn-spinner{flex-shrink:0}