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,...?

The social link in the footer of my site isn't changing to the selected #ff95ff colour, any ideas why?

https://bullfrog-dahlia-6e23.squarespace.com/services
PW: FlourishAdmin23

@maboli You can try this code snippet to change the social link color on hover:

use.sqs-use--icon:hover {
    fill: #ff95ff !important;
}

Thanks