Hover Button component with padding, change text once?

I keep trying different ways to make a hover button component that allows me to just change the instance text once.  For example, I have a rectangle button with white text on dark blue background with padding, so when you enter what ever text (either submit, next, or whatever) the padding stays consistent.  Which works fine without a hover state.  I've tried multiple ways to structure this, and can't get it to work as I want.  I have to go into the hover state to then change the text to be the same, or the padding doesn't work. 

Is there a way to structure a component so i can just change the instance text once, and not have to go in with each state and change the text to be the same?  So the padding remains consistent, but the color changes on hover, but the text remains the same.