/* BUTTON STYLE (2026-10-16, owner choice from the options sheet). Loaded last on the marketing pages
   (the same pages that load mobile-polish.css). To undo, delete the <link href="/button-style.css"> line.
   A (main actions): outlined gold. Thin gold outline, gold text; on hover the outline brightens and a faint
     tint fades in. No fill, no shine, no glow, no lift, no zoom.
   D (secondary actions): gold text link with an arrow. On hover the arrow slides and a thin underline draws in. */

/* A. Main buttons */
.btn-gold, .pg-btn-gold, .sn-cta, .nav-cta {
  background: transparent !important; color: #e8c46a !important;
  border: 1px solid rgba(201, 168, 76, .55) !important;
  box-shadow: none !important; transform: none !important; filter: none !important; scale: 1 !important;
  transition: background-color .35s cubic-bezier(.4, 0, .2, 1), border-color .35s cubic-bezier(.4, 0, .2, 1), color .35s cubic-bezier(.4, 0, .2, 1) !important;
}
.btn-gold::after, .btn-gold::before, .pg-btn-gold::after, .pg-btn-gold::before { display: none !important; }
.btn-gold:hover, .pg-btn-gold:hover, .sn-cta:hover, .nav-cta:hover,
.btn-gold:focus-visible, .pg-btn-gold:focus-visible, .sn-cta:focus-visible {
  background: rgba(201, 168, 76, .1) !important; border-color: #e8c46a !important; color: #f3d584 !important;
  box-shadow: none !important; transform: none !important; filter: none !important; scale: 1 !important;
}
.btn-gold svg, .pg-btn-gold svg { stroke: currentColor; }

/* D. Secondary buttons: a text link with an arrow */
.pg-btn-ghost, .btn-ghost, .pv-cta {
  background: none !important; border: 0 !important; box-shadow: none !important; transform: none !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important; filter: none !important; scale: 1 !important;
  color: #e8c46a !important; padding-left: 0 !important; padding-right: 0 !important; border-radius: 0 !important;
  position: relative; text-decoration: none !important;
}
.pg-btn-ghost:hover, .btn-ghost:hover, .pv-cta:hover { color: #f3d584 !important; transform: none !important; filter: none !important; scale: 1 !important; }
/* the underline that draws in on hover */
.pg-btn-ghost::before, .btn-ghost::before, .pv-cta::before {
  content: ''; position: absolute; left: 0; right: 1.6rem; bottom: .55rem; height: 1px; background: currentColor;
  transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(.4, 0, .2, 1); display: block !important;
}
.pg-btn-ghost:hover::before, .btn-ghost:hover::before, .pv-cta:hover::before { transform: scaleX(1); }
/* the arrow, added in CSS so no markup changes; it slides right on hover */
.pg-btn-ghost:not(:has(svg))::after, .btn-ghost:not(:has(svg))::after, .pv-cta:not(:has(svg))::after {
  content: '\2192'; display: inline-block !important; margin-left: .45rem; position: static; width: auto; height: auto; background: none; transform: none;
  transition: transform .35s cubic-bezier(.4, 0, .2, 1);
}
.pg-btn-ghost:hover::after, .btn-ghost:hover::after, .pv-cta:hover::after { transform: translateX(4px); }
.pg-btn-ghost svg, .btn-ghost svg { transition: transform .35s cubic-bezier(.4, 0, .2, 1); }
.pg-btn-ghost:hover svg, .btn-ghost:hover svg { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) {
  .pg-btn-ghost::before, .btn-ghost::before, .pv-cta::before, .pg-btn-ghost::after, .btn-ghost::after, .pv-cta::after { transition: none; }
}