Order Summary Component Main

Hello Community!

Thank you for visiting my solution. These are my questions:

1. Should I use a div with Background Image to place the upper image?

2. Is it a good practice to set the music icon as a ::before pseudo element, or is it ok to place it as another item in the flexbox.

3. I used variables to select color, but later tried to add hsla(var(--dBlue), 0.7) in order to change to alpha channel when the button is hovered, with no effect. What should I do to create that transparency effect with the root color?

Thank you guys for visiting my profile.

Have a great day!