/* CoffeeCake v4.0.18: generously padded pill buttons, inspired by the reference. */
body :is(.cc-call-top, .cc-pricing-link, .cc-view-plans, .cc-about-book,
  .cc-brave-cta, .cc-submit, .cc-website-offer-button, .cc-price-action,
  .cc-pay-button, .cc-pay-secondary, .cc-intro-skip) {
  border-radius: 999px !important;
}

/* Content CTAs retain their existing colors, destinations and hover behavior. */
body :is(.cc-view-plans, .cc-about-book, .cc-brave-cta, .cc-submit,
  .cc-website-offer-button, .cc-price-action, .cc-pay-button, .cc-pay-secondary) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 66px;
  height: auto;
  max-width: 100%;
  padding: 20px 30px;
  line-height: 1.3;
  text-align: center;
  white-space: normal;
}

/* A centered, content-sized oval instead of the previous full-width submit bar. */
body #lead-form .cc-submit {
  display: flex;
  width: fit-content;
  min-width: min(220px, 100%);
  margin: 20px auto 0;
}

/* Keep the sticky header balanced, including its condensed state. */
@media (min-width: 641px) {
  body .cc-header-home .cc-call-top,
  body .cc-header-home .cc-pricing-link {
    height: 54px;
    padding-inline: 24px;
    justify-content: center;
  }
  body .cc-header-home.is-condensed .cc-call-top,
  body .cc-header-home.is-condensed .cc-pricing-link {
    height: 46px;
    padding-inline: 20px;
  }
}

@media (max-width: 640px) {
  body :is(.cc-view-plans, .cc-about-book, .cc-brave-cta, .cc-submit,
    .cc-website-offer-button, .cc-price-action, .cc-pay-button, .cc-pay-secondary) {
    min-height: 58px;
    padding: 16px 24px;
  }
}