grid, flex, custom properties, utility classes & vanilla JavaScript

My JavaScript looks a bit messy, but it works. So I'm happy for that.

What I didn't really solve it my text being a bit off center in the button and on the circle-background. Would this be something I would solve with flexbox? Or is it a typography-issue that has to do with how fonts are given their space?

I somehow also lost my :hover and :active-state in the mobile preview. How could I solve this?