/* ── btn-primary ──────────────────────────────────────────────────────────── */
a.btn-primary,
button.btn-primary,
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 9px var(--space-4);
  background: var(--slate-500);
  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;
  border-bottom: none;
  transition: background var(--dur-fast) var(--ease-out),
              transform var(--dur-fast) var(--ease-out);
  white-space: nowrap;
}

a.btn-primary:hover,
button.btn-primary:hover,
.btn-primary:hover {
  background: var(--slate-400);
  color: #fff;
  border-bottom: none;
}

a.btn-primary:active,
button.btn-primary:active,
.btn-primary:active {
  background: var(--slate-600);
  transform: translateY(0.5px);
}