WBL effects library

Magnetic CTA

The main button leans toward the mouse, with a soft sheen (desktop only).

Use it for: The one primary CTA per page. Salons, med spa, studios: a premium touch. Trades: optional.
How: data-fx="magnetic" + optional data-strength (default .35). Use on one button per screen at most.
Weight: 1.3 KB gzipped (CSS + JS), no dependencies

Desktop, mouse or trackpad

Move the pointer over the button

Book a Consultation Call (310) 555-0100

On phones and with reduced motion it is a normal button.