How can I stop the hover effect on my add to cart button

Site URL: https://www.neglectedpotential.co.uk

How can I have my add to cart button not turn white when I hover over it, and just stay the colour and outline.

body.primary-button-style-outline .black .sqs-add-to-cart-button:hover {
	background: #050505;
    color: #fefdfb;
}

55 minutes ago, simkrys said:

body.primary-button-style-outline .black .sqs-add-to-cart-button:hover {
	background: #050505;
    color: #fefdfb;
}

 

Thank you this works, however only when I have the CSS open. once I close this menu it goes back to how it was. Or if I change to a different item it goes back to having the white overlay.

maybe try adding 

!important

to override current styles as seen in this post 

34 minutes ago, simkrys said:

maybe try adding 

!important

to override current styles as seen in this post 

Hi I tried this by putting it like this 

body.primary-button-style-outline .black .sqs-add-to-cart-button:hover {
    background: #050505;
    color: #fefdfb; !important
}

However it says there is a syntax error on that line, any other suggestions?

Thank you for your help I really appreciate it 

heya, it should come before semi colon like so:

body.primary-button-style-outline .black .sqs-add-to-cart-button:hover {
    background: #050505 !important;
    color: #fefdfb !important;
}

this is the extent of my knowledge poking around dev tool lol. 

7 minutes ago, simkrys said:

heya, it should come before semi colon like so:

body.primary-button-style-outline .black .sqs-add-to-cart-button:hover {
    background: #050505 !important;
    color: #fefdfb !important;
}

this is the extent of my knowledge poking around dev tool lol. 

IT WORKED!! lol thank you so much for your help.