/* Motion only: the resting layout, colors, typography and focus styles stay intact. */
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .dokka-pointer-motion .button {
    transition:
      transform 440ms cubic-bezier(0.22, 1.35, 0.36, 1),
      background 220ms ease,
      box-shadow 220ms ease;
  }

  .dokka-pointer-motion .button:active {
    transition-duration: 110ms, 220ms, 220ms;
    transition-timing-function: ease-out, ease, ease;
  }

  /* Independent transforms let the existing card reveal keep its own transform. */
  .dokka-pointer-motion .feature-icon {
    transition:
      translate 480ms cubic-bezier(0.22, 1.35, 0.36, 1),
      rotate 480ms cubic-bezier(0.22, 1.35, 0.36, 1);
  }

  .dokka-pointer-motion .feature-card:hover .feature-icon {
    translate: 0 -2px;
    rotate: -3deg;
  }
}