/*
  BSIT: Magnetic Buttons
  - Only moves inner content slightly toward cursor for a premium feel.
  - JS sets CSS vars: --bsit-mx / --bsit-my
*/

.bsit-magnet {
  position: relative;
  transform: translateZ(0);
  /* Prevent inner drift from overflowing button bounds */
  overflow: hidden;
}

.bsit-magnet__inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transform: translate3d(var(--bsit-mx, 0px), var(--bsit-my, 0px), 0);
  transition: transform 140ms ease;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .bsit-magnet__inner {
    transition: none !important;
    transform: none !important;
  }
}