How can I make the hover wrap around the image itself?

Question

css

How can I make the hover wrap around the image itself? Now, on line 445, it completely makes the picture white:

The icons themselves are not visible, it is necessary that only the background be white, and not the whole square. The icons turned black
Link to code
Sprite image:

Answer 1

you have everything working as it should. you just don't see it because your icons are also white. You don't make them black anywhere.