This part of your code – .image-section a:hover, is the reason it shows up red/orange when you hover over it –
a,
.entry-title a:hover,
.image-section a:hover,
.image-section .featured-content .entry-title a:hover,
.site-footer a:hover {
color: #ba0000;
}
I’m not sure where that is coming from. It’s either the Customizer or possibly added somewhere else inline.
If you remove .image-section a:hover, from that block of code, it will remove the font color that is showing red/orange (not the background of the button)
Let me know if you want me to login and fix it for you…I’ll be able to locate what’s going on and get it working instantly if you need me to. Just let me know