Interactive rating component

What are you most proud of, and what would you do differently next time?

To achieve the active state of this project using both CSS and JavaScript.

What challenges did you encounter, and how did you overcome them?

I used radio buttons for the rating list yet not displaying the radio buttons...in order to make the rating buttons clickable without the radio buttons displayed, I had the <label> element wrapped around the <input> element and added a tabindex of 0 to the <label> element to make it clickable/focusable. I've also added some width and height to make the <label> element focusable within the circle but not just the label value itself. Is there a better solution than this?

What specific areas of your project would you like help with?

all feedback is welcome!