/* MAGNETIC — притягивание кнопок к курсору */

.magnetic {
  display: inline-flex;
  will-change: transform;
  transition: transform 350ms var(--ease-out);
}

.magnetic-inner {
  display: inline-flex;
  transition: transform 350ms var(--ease-out);
  will-change: transform;
}

@media (hover: none), (pointer: coarse) {
  .magnetic, .magnetic-inner { transform: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .magnetic, .magnetic-inner { transform: none !important; transition: none; }
}