hover footer link does not work

Site URL: https://styleandease.ca/

Hello there, 

I am having an issue with my css code whereas the hyperlinks in the footer
won't react accordingly to the css code I previously used for other website.

Could someone please help me with this issue?

I would also like to have the social icon hover colour change only in the contact section.
(Now it does also affect the footer section)

Here is what I've used so far, which works great on the rest of the website, but not in the sections mentioned above:

/* footer link */
footer.sections a {
    color: #A8A6A1 !important;
}
footer.sections a:hover {
    color: #ffffff !important;
}
p a:hover {
color:#ffffff !important; 
}

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

Thanks!

I see it worked on my end.

@tuanphan I've finally manage to add another code which made it works. Thanks for taking the time to have a look!