Fill svg with fill property?

Question

css

Situation: there is a button that contains the svg code. I need to change the value of the fill attribute, which is not in the path - by hover on the parent button, fill the fill with a different color. At the same time, another fill is also filled. Tell me how to do it? It is necessary exactly according to the hover on the button.

I'm attaching the codepen.
https://codepen.io/mashutaklencheva/pen/ZEaqzWx?ed...

Answer 1

Hello! The answer to your question lies in the question itself: refer directly to the svg on button hover .tooltip-btn:hover .tooltip-icon, not all paths