Interactive Rating Component using HTML, CSS, and Javascript

What are you most proud of, and what would you do differently next time?

I have been struggling to make a new project since my vacation. I do not know where to start. I started something small to warm me up. I will proceed to the next level to b add on my portfolio.

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

Since I don't have the Figma design and I am unsure of the color value, I used the hsl value in my variables instead of the hsl function itself to add an opacity in adjusting the color.

:root {
  /* colors */
  --clr-orange: 25, 97%, 53%;
  --clr-gray-500: 217, 12%, 63%;
  --clr-gray-900: 213, 19%, 18%;
  --clr-gray-950: 216, 12%, 8%;
  --clr-white: 0, 100%, 100%;


}

.card .card__content p {
  color: hsla(var(--clr-gray-500), .1);
}

### What specific areas of your project would you like help with?
If I have to add one thing, I want to add a loading indicator after submitting 
before the thank you card appears. Would someone help me to achieve it?