/**
 * Pro Effects — Magnetic Hover
 *
 * El JS aplica transform inline al boton + inner. Solo necesitamos
 * will-change y override de transitions de Elementor que podrian
 * pisar el transform calculado.
 */

.elementor-button.pe-mag-active {
  will-change: transform;
  transition: transform 0s linear;
}
.elementor-button.pe-mag-active .pe-mag-inner {
  will-change: transform;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0s linear;
}

@media (prefers-reduced-motion: reduce) {
  .elementor-button.pe-mag-active,
  .elementor-button.pe-mag-active .pe-mag-inner {
    transform: none !important;
  }
}