.btn {
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  background: var(--button-bg);
  color: var(--button-text);
  font-weight: 600;
  font-size:15px;
  padding: 9px 16px;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background 0.2s ease;
}
.btn:hover { background: var(--button-bg-hover); }
.btn:active { background: var(--button-bg-active); }

.btn-secondary {
  background: var(--button-secondary-bg);
  color: var(--button-secondary-text);
}
.btn-secondary:hover { background: var(--button-secondary-bg-hover); }

.btn-danger {
  background: var(--button-danger-bg);
  color: var(--button-danger-text);
}
.btn-danger:hover { background: var(--button-danger-bg-hover); }

.btn-block { display: block; width: 100%; text-align: center; }
.btn-sm { padding: 6px 12px; font-size:14px; }