Button background scale on hover

Good question @lorentracy.

I’ve adjusted the button designs to accommodate for the size of the text within. Check the webflow site I published to see the change.

This solution has a padding on the wrapper and the bg goes to 100% width/height to fill the wrapper + the width/height of the text element within. The interaction and the buttons can be replicated with nothing breaking - unless you want unique styling on the bg of the button. Adding a combo style would break the link to the interaction, as I’ve experienced and outlined extensively in another forum thread today:

As long as you keep things the same between all buttons, OR you don’t mind making new animations for unique buttons, you should be fine.