Issue with Footer Section - Hovering Text Visibility

Description:
After the recent update, I've encountered an issue with the footer section on the website. When hovering over certain elements, the text becomes invisible due to the black background color, and it seems like the hovering effect is also black.

Steps to Reproduce:

1. Open the website in any modern web browser.
2. Scroll down to the footer section.
3. Hover over the elements in the footer.

Expected Behavior:
The text should be visible when hovering over the footer elements, and the hovering effect should be appropriately styled.

Actual Behavior:
The text becomes invisible, and it appears that the hovering effect is also black, making it difficult to read the content.

Screenshot :

Start by opening the website in a modern browser, scrolling to the footer, and reproducing the invisible text on hover described in the issue and screenshot. Inspect the footer component and its hover styles; it is done when footer text remains readable and the hover effect has an appropriate contrasting appearance.

Written by the indexing model from the issue text.