Interactive rating component with vanilla JS

Hello!

• Struggled to center those digits inside the circles, and still they look to me like they are not perfectly centered. I understand that is because there is some invisible space underneath each number which is reserved for letter like "g" or something like that. Could someone please tell me if I understood right and if there is any other way beside using flexbox to center a digit inside a circle? I centered the icon without flexbox but I believe that is just luck because the icon was roughly a square.