Responsive interactive-rating-component page using Flexbox, Vanilla JS

SOLVED

I've found an error and couldn't fix it. As you can see when you open the page the buttons are inactive, but atleast one of them should've been active if you inspect my code. So I hid a button and made it's display property none, but the problem is; even if you don't select a button and click submit directly as you open the page, you give 1 point. I wanted to write something like "pseudocode version:if the rating value equals to 0 submit button shouldn't work." so I added a class to submit button and wrote "pointer-events:none" in css, and in js I wrote something like "if (rating_value != 0){elementname.classlist.add("disablethesubmitbutton")", but it didn't work. Thanks beforehand!