Change size of button on hover without changing the size of text in the button

Hi guys, I’ve been stuck on this for hours. Anyone know how I can make the size of a button on hover to be smaller without affecting the size of the text inside of the button? Any help is greatly appreciated!

A good reference is how the buttons on Gucci’s website operate.

My website: fluzeo.com

Hey @flammagreg ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

Amazing, thank you! Do you know where and what line of code I should use to make the transition of the box slower (some sort of ease code)?

Here @flammagreg . It’s 300 milliseconds now. Just change it to whatever you need. 1000ms for 1 second.

Super helpful thank you!