Interactive Rating Component

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

Hello, here I leave my resolution of the exercise and a couple of questions that I still cannot find an answer to.

Multistate page

First of all, I wanted to know what is the best way according to you when it comes to a page that has multiple states (2 in this case). My solution was to create a rating-component div and then create 2 more divs inside for each state and use a hidden class that sets the display:none attribute according to the state of the page you want to see. However this caused me to have to duplicate several styles. Perhaps a better way would have been to make a container with fixed dimensions and then draw the various states with absolute positioning

On the other hand, I wanted to know what you think about having made the score selection this way. By not using buttons or selection, I think it could undermine accessibility, but I can't find a way to use a form.

Thank you :)