Hover treatment that has to be very specific

Hi, flowers of the web,

I made this hover treatment, when people hover over a candy that is circular and I want that the youtube icon only appears when they hover over that. Is there a way to do it? Cause now it already appears when they hover over the element where the candy is in.

thanks

https://preview.webflow.com/preview/braincandies?preview=b048eb0dbef07932d64e72251b785588


Here is my public share link: LINK
(how to access public share link)

The simplest way here would be to overlay a transparent round link block over the center of the image, and give it the hover+link property, no?

@vincent that sounds cool enough to try. How would I do that?

can someone helpme with this?

yooo, can someone help me with this?