/* v65: consistent colors for coupons, calls, and the existing blue directions. */
:root{--coupon-red:#d8222d;--coupon-red-hover:#bf1a26}

.button[href="/coupons/"],
.floating-header .button[href="/coupons/"]{
  background:var(--coupon-red);
  color:#fff;
  border-color:var(--coupon-red);
  text-shadow:none;
  box-shadow:0 2px 6px rgba(14,35,58,.10),inset 0 1px 0 rgba(255,255,255,.18);
}
.button[href="/coupons/"]:hover,
.floating-header .button[href="/coupons/"]:hover{
  background:var(--coupon-red-hover);
  color:#fff;
  border-color:var(--coupon-red-hover);
  box-shadow:0 4px 10px rgba(14,35,58,.14),inset 0 1px 0 rgba(255,255,255,.22);
}

.button.button-call,
.button[href^="tel:"],
.floating-header .button[href^="tel:"]{
  background:#fff;
  color:var(--navy);
  border-color:#c5d9ea;
  text-shadow:none;
  box-shadow:0 2px 6px rgba(14,35,58,.05),inset 0 1px 0 #fff;
}
.button.button-call:hover,
.button[href^="tel:"]:hover,
.floating-header .button[href^="tel:"]:hover{
  background:#f6faff;
  color:var(--navy);
  border-color:#a9c5df;
  box-shadow:0 4px 10px rgba(14,35,58,.08),inset 0 1px 0 #fff;
}

/* Reuse the existing glass surfaces and highlights on floating actions. */
.mobile-actions>a[href="/coupons/"],
.page-coupons .mobile-actions>a[href="/services/"]{
  background:var(--control-glass-red);
  color:#fff;
  border-color:rgba(255,255,255,.36);
}
.mobile-actions>a[href^="tel:"],
.mobile-actions.actions-trio>a[href^="tel:"]{
  background:var(--control-glass-light);
  color:var(--navy);
  border-color:rgba(255,255,255,.58);
}