Button Hover Color Won't Change



The button hover colors on the Services and Latest News widgets on my home page won’t change color. Right now it’s red and I want it to become white with black text when I hover. I’ve tried changing in customizer and it doesn’t work. Also tried several CSS codes from other similar topics- none of those worked either. I want the hover to look like it does in the Contact section widget.
Site is: https://www.memedawar.com/



You may want to try this code to change the button color when hovered:

.all-news:hover {
    background-color: white !important;
    color: black !important;



Awesome! Thanks, Awan.

How do I add that same effect to the contact page button?


Looks like the code is already working too for the contact button


I did that one separately, and unfortunately it doesn’t have a border, so on the contact page the button completely disappears when you hover.


I see… add this rule to the CSS code please:

border: 1px solid black;


Worked great, thanks for your help! I appreciate it.