It’s not looking evenly spaced because the buttons are different sizes. I think that it’s spacing based on the center of the buttons, not the edges. One solution is to make the buttons a uniform widths:
in your CSS.
There are flexbox ways to get the spacing even without changing the size, but I think the buttons look better with uniform width.
And … uhhh … while I’m hear, I might advise going easy on things like animations. When their just in there gratuitously, it can look a little amateurish. I know it’s exciting to do these things, but hiring managers get tired of having that stuff rammed down their throat from every bootcamp grad. Less is more. You should be wary of adding anything like that unless it has a very specific and necessary purpose. Just my $.02.