Interactive Rating Component | Remix, TypeScript and Sass/Scss

This is my first time using TypeScript in a project. There weren't much types but I enjoyed using <Form> component package from Remix.

I added the following feature:

• show an error message when no rating has been selected.

I have a few questions;

• I used focus-within on .main__input-container and change label background color when it is focused. However, this made a selected rating button remain orange when hover over other rating.
• I am not sure my use of aria-live on error message is correct.

Any comments & feedbacks are welcome.