Okay. I think I fixed this. And on top of all that, I think I was looking at the wrong code tag. I ‘think’ I needed to be looking at the .footer-widgets instead because the .footer-widgets and the .more-link have the same code.
To make it hover though, add this to your css just below the .footer-widgets a code:
.footer-widgets a:hover {
background: #fdba07;
color: #fff;
}
Hope this is all clear as mud and hopes it helps.