How to remove hover effect from social icons

I want to remove the hover effect from social icons.
Please help.

Hi there,

Use this CSS code to disable the hover effect for social icons.

.social-navigation a:hover {
    background-color: inherit;
    color: inherit;
}

Put the code into Customize > additional CSS

Thank you Awan.
To get the desired results, i tweaked the codes. Please check

.social-navigation a:hover {
background-color: inherit;
color: #5e5e5e
}
.social-navigation li {
background-color: gold
}