Comments are definitely helpful when used properly.
I would say some of your comments are more verbose than they need to be; because of that, they get in the way of me understanding your reasoning/logic. Some of them are also a little confusing, but that maybe because you didn't post the stylesheet.
This is the type of comment that doesn't contribute much, in my opinion:
The .button:not(button) selector helps to add special properties for the button
component that isn't the button element.
Anyone who knows what the :not selector does will understand what your selector is doing without the comment.
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.