/* fx.css · pointer/magnetic, buttons lean toward the pointer · owner: Lizzy East · all rights reserved */

/* Only on a fine pointer, only with motion allowed: everywhere else, a plain button. */
[data-fx~="pointer/magnetic"] [data-fx-magnet] { translate: var(--fx-mx, 0) var(--fx-my, 0); }
html.fx-armed [data-fx~="pointer/magnetic"] [data-fx-magnet] {
  transition: translate var(--fx-magnet-dur, 450ms) cubic-bezier(0.2, 0.9, 0.3, 1.25);
}