Help with button hover states

Looking for help managing button hover states on my site please: www.themarketingsteer.com. 

Ideally, I'd like to have primary, secondary and tertiary buttons change colours on hover, with both the background and text colour changing (different per button, per colour profile). 

E.g. primary button in nav goes white with blue text on hover.

Also looking to make the nav items that aren't primary buttons have an underline on hover, with the weight of the underline customisable. 

Big thanks in advance if anyone can help!

Hi, happy to help but I need your website address!

Woops! it's themarketingsteer.com - thank you!

On 5/10/2023 at 4:35 AM, Steerhk said:

Looking for help managing button hover states on my site please: www.themarketingsteer.com. 

Ideally, I'd like to have primary, secondary and tertiary buttons change colours on hover, with both the background and text colour changing (different per button, per colour profile). 

E.g. primary button in nav goes white with blue text on hover.

Also looking to make the nav items that aren't primary buttons have an underline on hover, with the weight of the underline customisable. 

Big thanks in advance if anyone can help!

Add this to Design > Custom CSS

a.sqs-button-element--primary:hover {
    background-color: red !important;
    color: violet !important;
}
a.sqs-button-element--secondary:hover {
    background-color: #f1f !important;
    color: #000 !important;
}
a.sqs-button-element--tertiary:hover {
    background-color: white !important;
    color: #000 !important;
}