/* ============================================================
   Astra Dental — Shared CTA Button Component  (cta-v1.css)
   Single source of truth for the primary "Book an Appointment"
   call-to-action used in body, hero/H1, and section CTAs sitewide.
   Header "Book now" button intentionally keeps its own style.
   When this file changes, bump the filename (cta-v2.css) and
   update the <link> on every page (cache-busting standing rule).
   ============================================================ */
.cta-appt{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--gold,#C9A84C);
  color:var(--navy,#0D1F3C);
  border:2px solid var(--gold,#C9A84C);
  border-radius:12px;
  padding:14px 28px;
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  font-family:'Lato',sans-serif;
  text-decoration:none;
  cursor:pointer;
  text-align:center;
  transition:filter .15s ease,transform .15s ease,box-shadow .15s ease;
}
.cta-appt:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
  box-shadow:0 6px 20px rgba(201,168,76,.35);
}
.cta-appt:focus-visible{
  outline:3px solid var(--navy,#0D1F3C);
  outline-offset:2px;
}
/* Full-width variant for stacked mobile CTAs / cards if needed */
.cta-appt--block{width:100%;}