Interactive rating component in Vanilla JS and CSS

1. Is this solution complete, or should I really create a separate class for the rating buttons' active states? At the moment there's no "state" as such, only the variable ratingScore.

2. The "You selected 3 out of 5" text looks slightly too high in it's div to me, can you confirm? I can't see any reason why it would be out, it has 8px top and bottom padding and should inherit display:flex, align-items:center and justify-content:center from its parent.

3. How important and relevant is it to use a CSS preprocessor like SASS? Would you recommend that I change? I'm aiming to become a full-stack dev one day.

4. Do my commits look okay? Any feedback there about using Github in a professional setting.

5. Any other suggestions about best practices? Again bearing in mind that I'm aiming to learn to produce production-quality code.

Cheers!