Magneetknop

Bouw een interactief UI-element: Magneetknop.

Wat het is: Knop die naar de cursor toe trekt; het label beweegt net iets minder mee.

Gedrag:
- Knop die binnen een vlak eromheen naar de cursor toe trekt (35% van de afstand tot het midden).
- Het label beweegt iets minder mee dan de knop, voor een gelaagd effect.
- Muis eraf: soepel terug naar het midden (transition van ongeveer 200 ms).
- Geen beweging bij prefers-reduced-motion.

Eisen:
- Werk in de stack van dit project. Is het React met Tailwind CSS, maak dan één component zonder extra pakketten; anders gewone HTML, CSS en JavaScript.
- Volledig bedienbaar met toetsenbord en touch, met de juiste aria-attributen.
- Respecteer prefers-reduced-motion: minder of geen beweging.
- Neem de kleuren, lettertypes en afrondingen van mijn project over.
- Laat me aan het eind zien waar het component staat en hoe ik het gebruik.