/**
 * 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);
}

/**
 * is-style-link-arrow : plain text link with the accordion double-chevron
 * after the label. No background, no padding — reads as a link, behaves
 * as a CTA. Picker label: "Link with arrow".
 */
:is(.entry-content, .editor-styles-wrapper) .wp-block-button.is-style-link-arrow .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: none;
  color: #1E1E1E;
  border: 0;
  border-radius: 0;
  padding: 0;
  min-height: 0;
  font-family: "museo-sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
  text-decoration: underline;
  text-decoration-color: #FFD619;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

:is(.entry-content, .editor-styles-wrapper) .wp-block-button.is-style-link-arrow .wp-block-button__link::after {
  content: "";
  flex: 0 0 auto;
  width: 16px;
  height: 12px;
  background-image: url('../img/apply/it-tile-arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
}

:is(.entry-content, .editor-styles-wrapper) .wp-block-button.is-style-link-arrow .wp-block-button__link:hover,
:is(.entry-content, .editor-styles-wrapper) .wp-block-button.is-style-link-arrow .wp-block-button__link:focus-visible {
  background: none;
  color: #AE122A;
}

:is(.entry-content, .editor-styles-wrapper) .wp-block-button.is-style-link-arrow .wp-block-button__link:hover::after,
:is(.entry-content, .editor-styles-wrapper) .wp-block-button.is-style-link-arrow .wp-block-button__link:focus-visible::after {
  transform: translateX(4px);
}