Responsive interactive rating component using Tailwind and Typescript

I have two critical overview for this challenge:

1. For non pro users, the color schemes cannot be properly understood just from the style guide.

2. The typography font used here dont allow the text to be perfectly centered inside any container element by any techniques.

Note:- I will be really happy to be proved wrong if somebody show me the way to center the orange text in the thank you page.