Button Color and Hover Color

.avia-button { background: #00529E !important;
border: #00529E 2px solid !important;
color: #ffffff !important;
}

.avia-button:hover {
color: #00529E!important;
background-color: #FFBA00 !important;
border: #FFBA00 2px solid !important;
}

I came up with this to change me button color and hover color, if there is a better way please let me know.

My question is how do I make the font bold within the button (both on the regular way and hover)?

Thank you for your help.

I was able to get the hover font to be bold with this code but couldn’t get the font to be bold before hoving:

.avia-button:hover {
color: #00529E!important;
background-color: #FFBA00 !important;
font-weight: 900;
border: #FFBA00 2px solid !important;
}