Interactive rating component (no libraries)

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

I am very satisfied with the markup and its simplicity, but I am sure I can leverage other solutions to refine it further.

I am happy for the time it took me to implement it because it matches my estimate.

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

I questioned a little my choice of making the input radio visually hidden because I thought that I had lost keyboard access to it, but instead it was preserved.

I used axeDevTools to check that the rating values were indeed still accessible.

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

I would like to see how others implemented the radio buttons while maintaining full keyboard functionality.

Also, I would like to understand better why the colors I copy from the style guide file different from those that they appear in the Figma design. It's a bit annoying, but I am sure it is my ignorance in the usage of the tools. Please help :-)