Why isn't the hover color working on my image with text sections in dawn theme?

[tahliamotteram]

Hi I have added some code to my buttons to ensure they are all outlined buttons (to keep them the same across the entire site) and then further code for a different hover colour.

The hover colour isn't working on the image with text sections (x3) and on the mobile version the top of several buttons is cut off.

Can anyone help me?

This is my site:

https://www.zukabeauty.com.au/

This is the code I have added:

.button{color: #4C4C4D;}
.button:before, .button:after, .button:hover:after{box-shadow:none; border: 0.50px solid #4C4C4D;}

a.button.button--primary {

background: transparent !important;

}

.button:hover{
background: #F9E6E0;
color: #4C4C4D;
}

[themehelper]

hii, @tahliamotteram 
Add This code at the bottom of the base.css file.

a.button.button--primary:hover {
    background-color: #FFF5F0 !important;
}

Thank You.

[tahliamotteram]

Thanks so much that worked for the hover colour but I am missing the top border of lots of my buttons on the mobile version. Any ideas on this one?

Thank you!

[themehelper]

@tahliamotteram 
Add This Code at bottom of the base.css file.

a.button.button--primary {
     border: 0.50px solid #4C4C4D;
}

Thank You.

[tahliamotteram]

Thank you sorry I think this has fixed some of the buttons but still having issues with others on the home page. Only on the mobile version. The top line seems to be missing still

https://www.zukabeauty.com.au/

[themehelper]

@tahliamotteram 
Give me a screenshot of your problem so,
I can solve it perfectly.
Thank You.

[tahliamotteram]

It's this button and also a few others. Thank you!