/* Default cardinal button — also overrides WP's legacy outline/fill defaults
   so existing markup with those classes still renders the brand button. */
.wp-block-button > .wp-block-button__link,
.wp-block-button.is-style-cardinal > .wp-block-button__link,
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background),
.wp-block-button.is-style-fill > .wp-block-button__link:not(.has-background) {
  position: relative;
  font-size: 1.125rem;
  line-height: 1.4286;
  padding: 0 1.875rem;
  text-decoration: none;
  border: 0.0625rem solid #900;
  border-radius: 0.625rem;
  transition:
    background-color 0.1s ease-in-out,
    color 0.1s ease-in-out;
  font-weight: 700;
  margin: 0 auto;
  min-height: 3.125rem;
  min-width: 8rem;
  text-align: center;
  display: inline-flex;
  align-items: center;
  width: auto;
  background: transparent;
  color: #000;
}
.wp-block-button > .wp-block-button__link:hover,
.wp-block-button.is-style-cardinal > .wp-block-button__link:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover,
.wp-block-button.is-style-fill > .wp-block-button__link:not(.has-background):hover {
  background: #fff;
  color: #900;
  text-decoration: none;
}

/* Smallcaps variant — opt-in via sidebar, plus auto-applied in cover, headline,
   and full-width-cta contexts where the design demands smallcaps treatment. */
.wp-block-button.is-style-smallcaps > .wp-block-button__link,
.wp-block-cover .wp-block-button > .wp-block-button__link,
.headline-with-buttons .wp-block-button > .wp-block-button__link,
.wp-block-media-text.is-style-full-width-cta .wp-block-button > .wp-block-button__link {
  letter-spacing: 0.1rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 500;
}

/* Cover: white border/text on dark image */
.wp-block-cover .wp-block-button > .wp-block-button__link,
.wp-block-cover .wp-block-button.is-style-cardinal > .wp-block-button__link,
.wp-block-cover .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background),
.wp-block-cover .wp-block-button.is-style-fill > .wp-block-button__link:not(.has-background) {
  border-color: #fff;
  color: #fff;
}
.wp-block-cover .wp-block-button > .wp-block-button__link:hover,
.wp-block-cover .wp-block-button.is-style-cardinal > .wp-block-button__link:hover,
.wp-block-cover .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover,
.wp-block-cover .wp-block-button.is-style-fill > .wp-block-button__link:not(.has-background):hover {
  background: #fff;
  color: #900;
}

/* Editor placeholder */
.wp-block-button .wp-block-button__link[data-is-placeholder-visible="true"] {
  height: auto;
}