/* ================================================================
   CTA — primary CTA buttons (Book Appointment / WhatsApp Us).
   The shared button base (.btn) lives in components.css; these
   classes apply the page-specific variants.
================================================================ */
.cta-group {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.btn-primary {
  background: var(--grad-cta);
  color: var(--white);
  box-shadow: var(--shadow-glow-teal);
}

.btn-primary:hover {
  background: var(--grad-cta);
  filter: brightness(1.06);
}

.btn-primary:active {
  filter: brightness(0.98);
}

.btn-outline {
  background: var(--surface);
  color: var(--text-primary);
  border: 1.5px solid var(--border);
}

.btn-outline:hover {
  background: var(--surface-2);
  color: var(--text-primary);
}

.btn-outline:hover svg {
  color: var(--teal);
}