How to block a button size if the text weight is bigger on hover?

Design help Layout & Design
1

Hello everyone,

I have changed the weight of my text on hover from regular to semi bold. However, I don’t like the resizing on the button div which is growing a bit. Do you know how I can fix the size please ? Each button on the website have a different size that’s why I can’t set up a width.

Thanks a lot :)

I have tried on two types of button, one basic and one with the text wrapper.

CleanShot 2024-09-16 at 15.09.24
CleanShot 2024-09-16 at 15.09.241920×1080 311 KB

Read only link : Webflow - Graine's Superb Site

2

Some ideas:
• You could adjust the letter-spacing on hover. Some browsers render text differently though, so it might only work perfectly in the browser you are building in.
• Instead of changing the font weight, you could add a stroke in the “More type options” section. This might work the best. Try .5px to 1 px stroke.

3

Thank you Mike, the stroke solution was perfect ! :)