Styling Button Font Color in Hover State

Hi, I have added CSS to my site so that my secondary button (used here in my header) turns yellow on hover. However, the text is now turning white on hover rather than staying black. I've tried this code to keep it black on hover with no luck.

.sqs-button-element--secondary:hover {
    background-color: #F6FAA0 !important;
    font-color: black !important;
}

If anyone has advice on how to maintain the black on hover, I'd really appreciate it!

@ellenbrown Hi! Replace your previous code with the following:

#header .header-actions-action .sqs-button-element--secondary:hover {
   background-color: #F6FAA0 !important;
   color: black !important;
}

@Lesum Success! Thanks so much. I actually would like this styling for all secondary buttons, not just in the header. Do I just remove the #header part?