title: Radio button does not work - state is not changing
body: <p>I am using a tutorial which is teaching me how to make custom radio buttons. My problem is that when I made 3 radio buttons, only first one is working. It is not possible to click on another two. When I click another one, only the first button is working.</p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;label for="myRadioId" class="radio"&gt;
        &lt;input type="radio" name="myRadioField" id="myRadioId" class="radio__input"&gt;
        &lt;div class="radio__radio"&gt;&lt;/div&gt;
        option 1
      &lt;/label&gt;&lt;br&gt;
      &lt;label for="myRadioId" class="radio"&gt;
        &lt;input type="radio" name="myRadioField" id="myRadioId" class="radio__input"&gt;
        &lt;div class="radio__radio"&gt;&lt;/div&gt;
      option 2
      &lt;/label&gt;&lt;br&gt;
      &lt;label for="myRadioId" class="radio"&gt;
        &lt;input type="radio" name="myRadioField" id="myRadioId" class="radio__input" disabled&gt;
        &lt;div class="radio__radio"&gt;&lt;/div&gt;
       disabled
      &lt;/label&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre class="lang-css prettyprint-override"><code>    .radio {
        cursor: pointer;
        display: inline-flex;
      }
  
  
      .radio__input {
        display: none;
      }
  
      .radio__radio {
        width: 1.25rem;
        height: 1.25rem;
        border: 2px solid #d8e4e2;
        border-radius: 50%;
        margin-right: 10px;
        box-sizing: border-box;
        padding: 2px;
      }
  
      .radio__radio::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        background: #009879;
        border-radius: 50%;
        transform: scale(0);
        transition: transform 0.15s;
      }
  
      .radio__input:checked + .radio__radio::after {
        transform: scale(1);
      }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/QufeT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QufeT.png" alt="Here is how it looks like, only top radio button works"></a></p>
  
  <p>Does anybody have any idea for what to do to make the radio buttons start working?</p>