How can I fix this weird text behavior and partially cropped button on click with transform: scale?

Question

I created a button with plain css, added scale animation to indicate the clicked state. And then I have this kind of weird behavior (the text seems like changing its shape/s