/* CTA arrow feedback. Editorial Card actions retain their independent motion. */
/* Button baseline: individual translate preserves existing transforms. */
:is([data-flux-button], .octopus-button) {
  transition-property: color, background-color, border-color, opacity, box-shadow, translate;
  transition-duration: var(--motion-duration-base);
  transition-timing-function: var(--motion-ease-standard);
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  :is([data-flux-button], .octopus-button):hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):not([data-loading]):not([data-octopus-editorial-card]:not([data-action="cta"]) *) {
    translate: 0 -2px;
  }
}
@keyframes octopus-cta-arrow-hop {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(var(--cta-arrow-x, 3px), var(--cta-arrow-y, 0px)); }
}
[data-octopus-cta] [data-octopus-icon-name="arrow-up-right"] { --cta-arrow-y: -3px; }
[data-octopus-cta] [data-octopus-icon-name="arrow-left"] { --cta-arrow-x: -3px; }
@media (prefers-reduced-motion: no-preference) {
  [data-octopus-cta]:focus-visible:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):not([data-loading])
  :is([data-octopus-icon-name="arrow-right"], [data-octopus-icon-name="arrow-up-right"], [data-octopus-icon-name="arrow-left"]) {
    animation: octopus-cta-arrow-hop var(--motion-duration-base) var(--motion-ease-standard) 1;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  [data-octopus-cta]:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):not([data-loading])
  :is([data-octopus-icon-name="arrow-right"], [data-octopus-icon-name="arrow-up-right"], [data-octopus-icon-name="arrow-left"]) {
    animation: octopus-cta-arrow-hop var(--motion-duration-base) var(--motion-ease-standard) 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-octopus-cta]
  :is([data-octopus-icon-name="arrow-right"], [data-octopus-icon-name="arrow-up-right"], [data-octopus-icon-name="arrow-left"]) { animation: none; }
}