Iโ€™ve gotta start by saying thanks to web.dev for their excellent article on using the prefers-reduced-motion media query - it was helpful in modifying the button wall so that site visitorsโ€™ system preferences are considered when it comes to displaying animated buttons. Itโ€™s simple. If your system preferences are set to reduce motion, youโ€™ll see static buttons - if you have no preference set regarding motion, youโ€™ll see the animated buttons.

I had recently tried a javascript approach to solving the same problem, which unfortunately, hosed the layout on mobile devices, so I abandoned it. Iโ€™m thankful to have found this simple CSS/HTML solution - it works and itโ€™s mobile friendly. Yay!

(cross-posted to mastodon)