MAGNETIC BUTTONS
by Rehmat (Animated Creativity) - MIT License

1. Add to the <head>:    <link rel="stylesheet" href="magnetic.css">
   Add before </body>:   <script src="magnetic.js"></script>
2. Button:               <a class="mbtn" data-magnetic href="#"><span class="mbtn-label">Go</span></a>

Styles:   mbtn, mbtn mbtn--ghost, mbtn mbtn--glow
Strength: data-magnetic="0.6"   (0.1 gentle ... 1 strong)
Colours:  --mbtn-a, --mbtn-b, --mbtn-text, --mbtn-radius  (CSS variables)

Open index.html to see every style.

More free kits and custom work: https://animatedcreativity.com/
