/* ── btn-danger ────────────────────────────────────────────────────────────── */
a.btn-danger,
button.btn-danger,
.btn-danger {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 9px var(--space-4);
  background: var(--danger);
  color: #fff;
  border: none;
  border-radius: var(--radius-sm);
  font-family: var(--font-sans);
  font-size: var(--fs-14);
  font-weight: var(--fw-medium);
  cursor: pointer;
  text-decoration: none;
  transition: background var(--dur-fast) var(--ease-out),
              transform var(--dur-fast) var(--ease-out);
  white-space: nowrap;
}

a.btn-danger:hover,
button.btn-danger:hover,
.btn-danger:hover {
  background: #a8492f;
  color: #fff;
}

a.btn-danger:active,
button.btn-danger:active,
.btn-danger:active {
  background: #8e3a23;
  transform: translateY(0.5px);
}