For some unknow reason you use long underscores in MANY css calls. Unfortunately it seems those cannot be changed via custom css under appearance? For example:
.rating__circle {
color: #42aa40 !important;
}
has absolutely no effect. I have tried this with several other css calls where you use a long underscore. Why do you do that and how can I alter that CSS?
We use BEM notation for naming CSS classes, it uses double dashes and underscores BEM — Introduction It’s also used by WordPress itself for its editor blocks.
The rating circle is a bit tricky because it’s rendered via JS, but you can try this CSS snippet: