/**
 * Block style defaults for core/button.
 *
 * Brand-wide default (no .is-style-* class) mirrors Apply Now's
 * .apply-button: solid VMI-red square button, Museo Sans 16/600
 * white label, yellow double-chevron after the text.
 *
 * Scoped to .entry-content so the editor chrome / admin bar / mega
 * menu aren't affected.
 */

:is(.entry-content, .editor-styles-wrapper) .wp-block-button:where(:not([class*="is-style-"])) .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #AE122A;
  color: #FFFFFF;
  border: 0;
  border-radius: 0;
  padding: 16px 32px;
  min-height: 56px;
  font-family: "museo-sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  transition: background-color 0.3s ease;
}

:is(.entry-content, .editor-styles-wrapper) .wp-block-button:where(:not([class*="is-style-"])) .wp-block-button__link::after {
  content: "\00BB";
  color: #FFD619;
  font-size: 20px;
  line-height: 1;
  margin-left: 4px;
  transition: transform 0.4s ease;
}

:is(.entry-content, .editor-styles-wrapper) .wp-block-button:where(:not([class*="is-style-"])) .wp-block-button__link:hover,
:is(.entry-content, .editor-styles-wrapper) .wp-block-button:where(:not([class*="is-style-"])) .wp-block-button__link:focus-visible {
  background-color: #8B0E22;
  color: #FFFFFF;
}

:is(.entry-content, .editor-styles-wrapper) .wp-block-button:where(:not([class*="is-style-"])) .wp-block-button__link:hover::after,
:is(.entry-content, .editor-styles-wrapper) .wp-block-button:where(:not([class*="is-style-"])) .wp-block-button__link:focus-visible::after {
  transform: translateX(4px);
}