body.mrev-header-enhanced.mrev-header-cta .header-button-1 .header-button a.button,
body.mrev-header-enhanced.mrev-header-cta li.html.header-button-1 .header-button a.button {
  font-size: var(--mrev-header-cta-font, 13px);
  padding-left: var(--mrev-cta-padding-x, 12px);
  padding-right: var(--mrev-cta-padding-x, 12px);
  margin: var(--mrev-header-cta-margin, 0);
  white-space: nowrap;
}


/* At medium/compact desktop widths the CTA follows the same responsive
 * typography scale as the main navigation, while preserving its configured
 * font size as an upper bound. This prevents the utility area from forcing
 * the header wider than the viewport. */
@media (min-width: 1024px) and (max-width: 1439px) {
  body.mrev-header-enhanced.mrev-header-cta .header-button-1 .header-button a.button,
  body.mrev-header-enhanced.mrev-header-cta li.html.header-button-1 .header-button a.button {
    font-size: min(var(--mrev-header-cta-font, 13px), var(--mrev-nav-font-size, 13px));
    max-width: 100%;
    box-sizing: border-box;
  }
}