How to add a hover effect to the children while hovering on the parent in WS?

The community member has a services section on their website with an SVG arrow in a circle div indicating that the service is clickable. They want to change the background color of this div when they hover over the entire service box. The comments suggest using CSS variables to achieve this, and one community member confirms that this approach worked for them after referring to a specific documentation resource. The community members also discuss changing the background image versus the color, and provide some additional tips on how to approach that.