Change FONT COLOUR on HOVER for FOOTER navigation

Site URL: https://deep-learning-cafe.squarespace.com/

Hi there 

I have two columns of navigation links in my footer - one at center and one on the right.

I would like to change the font color on hover for both columns: center to go from yellow to blue on hover, right to go from blue to yellow on hover.

I've tried so many CSS codes, I'm just not coming right.
https://deep-learning-cafe.squarespace.com/
password: password123

Thank you!

Here

//Squareskills
//Custom Footer Hover Animations

//Center Column
#footer-sections #block-c8b8e06bb4251545263a a:hover{
color: blue!important;
}

//Right Column
#footer-sections #block-a07cc8ebb76653972a81 a:hover {
color: yellow!important;
}

That said, it may not work currently as you appear to have the following code somewhere in your CSS:

#footer-sections a:hover {
    color: #fff !important;
}

Which may need removing to prevent it.

Hopefully my above CSS is specific enough to override though.