a simple rating component webpage using HTML, CSS & JS

My 17th NEWBIE(free) build. Had a few issues while making the component as close as possible to the provided design. The main struggle was to get the <main> element's background color just as the design. Finally, I achieved it from CSS box-shadow: by setting inset but I don't know if there's another way to get the exact look of the design. Plus, add some interactions using JS. Share your opinion if something needs to be fixed, any feedback is appreciated 🙂