Hover on custom menubar

Hi all,

A question how to solve this:
In the footer I created a horizontal menubar for social links.
How can I make the menu items hovering?
I tried a couple of things but that did not work out. Can someone help me?

Thank you 😀

.social_nav a {
		border-right: thin solid #666;
		padding: 0 6px 0 6px; /* Distance between left and right border & linktext */
		}
		
.social_nav {
		color: #666;
		}
			
.social_nav .wp-block-navigation .wp-block-   navigation-item__link:hover {
		color: #333;
		}
		
/*Remove border from last item */
.social_nav li:last-child > a {
		border-right: none;
		}

The page I need help with: [log in to see the link]