CSS - Bei Hover soll Box durch font-weight: bold nicht größer werden

[ebody]

Hallo,

bei :hover verwende ich font-weight: bold. Dadurch wird die umgebene Box vergrößert. Diese soll aber gleich bleiben. Die Box soll keine feste width, height Angaben haben, sondern durch padding ihre Größe erhalten.

https://codepen.io/ebody/pen/jObpaZx

Wie erreicht man es, dass die Box sich bei :hover nicht vergrößert?

Gruß ebody