Puanlama

<fieldset class="trds-puan">
  <legend class="trds-baslik-legend">Bu hizmetten ne kadar memnun kaldınız?</legend>
  <div class="trds-puan__yildizlar">
    <input class="trds-gorsel-gizli" type="radio" name="puan" id="puan-5" value="5"><label for="puan-5"><svg class="trds-simge trds-puan__bos" aria-hidden="true"><use href="#edk-star"/></svg><svg class="trds-simge trds-puan__dolu" aria-hidden="true"><use href="#edk-star2"/></svg><span class="trds-gorsel-gizli">5 üzerinden 5</span></label>
    <input class="trds-gorsel-gizli" type="radio" name="puan" id="puan-4" value="4" checked><label for="puan-4"><svg class="trds-simge trds-puan__bos" aria-hidden="true"><use href="#edk-star"/></svg><svg class="trds-simge trds-puan__dolu" aria-hidden="true"><use href="#edk-star2"/></svg><span class="trds-gorsel-gizli">5 üzerinden 4</span></label>
    <input class="trds-gorsel-gizli" type="radio" name="puan" id="puan-3" value="3"><label for="puan-3"><svg class="trds-simge trds-puan__bos" aria-hidden="true"><use href="#edk-star"/></svg><svg class="trds-simge trds-puan__dolu" aria-hidden="true"><use href="#edk-star2"/></svg><span class="trds-gorsel-gizli">5 üzerinden 3</span></label>
    <input class="trds-gorsel-gizli" type="radio" name="puan" id="puan-2" value="2"><label for="puan-2"><svg class="trds-simge trds-puan__bos" aria-hidden="true"><use href="#edk-star"/></svg><svg class="trds-simge trds-puan__dolu" aria-hidden="true"><use href="#edk-star2"/></svg><span class="trds-gorsel-gizli">5 üzerinden 2</span></label>
    <input class="trds-gorsel-gizli" type="radio" name="puan" id="puan-1" value="1"><label for="puan-1"><svg class="trds-simge trds-puan__bos" aria-hidden="true"><use href="#edk-star"/></svg><svg class="trds-simge trds-puan__dolu" aria-hidden="true"><use href="#edk-star2"/></svg><span class="trds-gorsel-gizli">5 üzerinden 1</span></label>
  </div>
</fieldset>