How to overcome the magic of color change during transition?

Question

css

Good afternoon.
The essence of the question is that when hovering over a link, a hover ( transform scale ) occurs.
Please tell me why the color of links jumps. Yes, and in principle the entire text on the site, when hovering over the menu items. How do I remove the transition all the rules .... but I put a specific property in it, and it should not be applied to all text on the site. A piece of code on codepen:
https://codepen.io/vovkka/pen/OjGyRJ
Thank you very much everyone!

Answer 1

This is due to browser rendering.
You can play around with the font size and get a similar animation
https://codepen.io/anon/pen/oeOjrK