/* Use the original hero's markup, intrinsic arrow sizing and initial state.
 * Its Webflow timeline owns normal hover/reverse motion. These variables are
 * only for the static accessibility fallbacks below. */
body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *) {
  --academy-arrow-size: var(--_❇️-icon---button-icon--button-rectangle);
  --academy-arrow-slot: calc(var(--academy-arrow-size) + var(--spacing--space-minimal));
}

body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *) .icon-wrap_button.left {
  width: 0;
  height: 0;
  overflow: hidden;
}
body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *) .icon_button.left { transform: translate3d(-2rem, 0, 0); }

/* Static accessible fallback for keyboard focus, overlaid submit inputs and a
 * missing Webflow runtime. Hover/reverse motion is owned by Webflow itself. */
html:not(.w-mod-ix3) body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):hover .icon-wrap_button.left,
body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):focus-visible .icon-wrap_button.left,
body.academy-site .button_submit-static:focus-within:not(:has(> :disabled)) > .cta_primary .icon-wrap_button.left,
html:not(.w-mod-ix3) body.academy-site .button_submit-static:hover:not(:has(> :disabled)) > .cta_primary .icon-wrap_button.left {
  width: var(--academy-arrow-slot) !important;
  height: var(--academy-arrow-size) !important;
}
html:not(.w-mod-ix3) body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):hover .icon-wrap_button.right,
body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):focus-visible .icon-wrap_button.right,
body.academy-site .button_submit-static:focus-within:not(:has(> :disabled)) > .cta_primary .icon-wrap_button.right,
html:not(.w-mod-ix3) body.academy-site .button_submit-static:hover:not(:has(> :disabled)) > .cta_primary .icon-wrap_button.right { width: 0 !important; }
html:not(.w-mod-ix3) body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):hover .icon_button.left,
body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):focus-visible .icon_button.left,
body.academy-site .button_submit-static:focus-within:not(:has(> :disabled)) > .cta_primary .icon_button.left,
html:not(.w-mod-ix3) body.academy-site .button_submit-static:hover:not(:has(> :disabled)) > .cta_primary .icon_button.left { transform: translateX(0) !important; }
html:not(.w-mod-ix3) body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):hover .icon_button.right,
body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):focus-visible .icon_button.right,
body.academy-site .button_submit-static:focus-within:not(:has(> :disabled)) > .cta_primary .icon_button.right,
html:not(.w-mod-ix3) body.academy-site .button_submit-static:hover:not(:has(> :disabled)) > .cta_primary .icon_button.right { transform: translateX(2rem) !important; }

@media (prefers-reduced-motion: reduce) {
  body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *) :is(.icon-wrap_button, .icon_button) { transition: none !important; }
  body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):not(:hover):not(:focus-visible) .icon-wrap_button.left { width: 0 !important; }
  body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):not(:hover):not(:focus-visible) .icon-wrap_button.right { width: var(--academy-arrow-slot) !important; }
  body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):not(:hover):not(:focus-visible) .icon_button.left { transform: translateX(-2rem) !important; }
  body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):not(:hover):not(:focus-visible) .icon_button.right { transform: translateX(0) !important; }
  body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):is(:hover, :focus-visible) .icon-wrap_button.left { width: var(--academy-arrow-slot) !important; }
  body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):is(:hover, :focus-visible) .icon-wrap_button.right { width: 0 !important; }
  body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):is(:hover, :focus-visible) .icon_button.left { transform: translateX(0) !important; }
  body.academy-site :is(.cta_primary, .cta_small, .cta_tertiary):not(.package-level-selector *):is(:hover, :focus-visible) .icon_button.right { transform: translateX(2rem) !important; }
  body.academy-site .button_submit-static:is(:hover, :focus-within):not(:has(> :disabled)) > .cta_primary .icon-wrap_button.left { width: var(--academy-arrow-slot) !important; height: var(--academy-arrow-size) !important; }
  body.academy-site .button_submit-static:is(:hover, :focus-within):not(:has(> :disabled)) > .cta_primary .icon-wrap_button.right { width: 0 !important; }
  body.academy-site .button_submit-static:is(:hover, :focus-within):not(:has(> :disabled)) > .cta_primary .icon_button.left { transform: translateX(0) !important; }
  body.academy-site .button_submit-static:is(:hover, :focus-within):not(:has(> :disabled)) > .cta_primary .icon_button.right { transform: translateX(2rem) !important; }
}