JSFiddle - React, Tailwind, and code Playground

HTML

<div id="product-model" class="data-product">
  <h2 class="heading-description-product">Размер</h2>
  <label>
    <input type="radio" id="choose" name="option[1]" value="46" />
    <span class="data-description-product choose-input">46</span>
  </label>
  <label>
    <input type="radio" id="choose" name="option[1]" value="48" />
    <span class="data-description-product choose-input">48</span>
  </label>
  <label>
    <input type="radio" id="choose" name="option[1]" value="50" />
    <span class="data-description-product choose-input">50</span>
  </label>
</div>
<div id="product-model" class="data-product">
  <h2 class="heading-description-product">Цвет</h2>
  <label>
    <input type="radio" id="choose" name="option[2]" value="Кокос" />
    <span class="data-description-product choose-input">Кокос</span>
  </label>
  <label>
    <input type="radio" id="choose" name="option[2]" value="Брусника" />
    <span class="data-description-product choose-input">Брусника</span>
  </label>
  <label>
    <input type="radio" id="choose" name="option[2]" value="Пролеска" />
    <span class="data-description-product choose-input">Пролеска</span>
  </label>
</div>

CSS

input[name="option[1]"] + span {color:red}
input[name="option[2]"] + span {color:green}