Interactive Rating Component using CUBE CSS, Flexbox and Css Grid

Hi everyone! I used this project as an opportunity to try out the CUBE CSS methodology and, honestly, i'm quite confused with it. I love the thought process as well as the focus on composition / utility classes but i find it hard to decide when to use utility classes or blocks. Plus, while it seems logical for me to focus first on global composition in both mobile and desktop design, i have troubles setting the layout properly in the early stages of the project. Finally, there's my naming convention that i feel, for lack of better term, suck!

So, if there's some more experienced developpers here (i'm an aspiring one so no pressure!) who actually use the CUBE CSS methodology then i'll really appreciate some feedbacks or maybe possible links, articles, references to better grasp the concepts.

English isn't my first language so please excuse me for any grammatical mistakes or mispellings i probably did.

Happy coding to all :)