Hover treatment that has to be very specific

Design help General
#1

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)

#2

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?

#3

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

#4

can someone helpme with this?

#5

yooo, can someone help me with this?

#6