7.1 Social media icons - change hover colour / Footer custom css query / Button hover css

Site URL: https://sealion-aqua-6cgh.squarespace.com/

Password: PartTwoDesign

1 Social Media Icons

I'd like these to change to orange on hover only - I've searched the forum but can't seem to find the right code. 

2 Footer links

Currently I have used the below css to make the links in my footer change to orange on rollover:

/* footer links hover color */
footer.sections a:hover {
    color: #FD8355 !important;
}

However, I need to add code that prevents the button in the footer from being affected? 

3 Buttons

On that note, is there a way to define the hover colour on all buttons under a particular colour theme? 

TIA!

It looks like I send code to your email

#1. You mean black icon or white background around icon?

#2. Use this code

/* footer links hover color */
footer.sections .html-block a:hover {
    color: #FD8355 !important;
}

#3. Button block only or button block, form button, add to cart button,...?