/* Native CTA buttons retain the site's own classes and appearance. */
:where(button[data-cta]) { appearance: none; background: transparent; border: 0; color: inherit; cursor: pointer; font: inherit; padding: 0; text-align: inherit; }
:where(button[data-cta]):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

button:where([data-cta]) { color: inherit; }
.primary-nav button:where([data-cta]), .footer-inner nav button:where([data-cta]) {
  text-decoration: none;
  color: var(--muted);
  padding: .6rem .8rem;
  border-radius: var(--radius);
  font-family: var(--font-sans);
  font-weight: 600;
}
.primary-nav button:where([data-cta]):hover, .primary-nav button:where([data-cta])[aria-current="page"], .footer-inner nav button:where([data-cta]):hover {
  color: var(--gold-soft);
  background: rgb(242 202 80 / 10%);
}
.content button:where([data-cta]) {
  color: var(--gold-soft);
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}
.related-links button:where([data-cta]) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  padding: .68rem .75rem;
  border: 1px solid rgb(255 255 255 / 8%);
  border-radius: var(--radius);
  color: var(--muted);
  text-decoration: none;
  background: rgb(10 14 26 / 30%);
}
.related-links button:where([data-cta]):hover {
  color: var(--gold-soft);
  border-color: rgb(242 202 80 / 28%);
}

@media (max-width: 820px) {
  .bottom-nav button:where([data-cta]) {
    display: grid;
    place-items: center;
    gap: .1rem;
    color: var(--muted);
    text-decoration: none;
    font-size: .76rem;
  }
}