Rating

            
<!-- rating -->
<div class="flex">
  <span class="cursor-pointer">
    <svg xmlns="http://www.w3.org/2000/svg" fill="#fedf63" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6 inline-block"><polygon fill="#fedf63" points="12 2 15.092 8.82 22 9.18 17 14 18.182 21.82 12 17.6 5.818 21.82 7 14 2 9.18 8.908 9.18"></polygon></svg>
  </span>
  <span class="cursor-pointer">
    <svg xmlns="http://www.w3.org/2000/svg" fill="#fedf63" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6 inline-block"><polygon fill="#fedf63" points="12 2 15.092 8.82 22 9.18 17 14 18.182 21.82 12 17.6 5.818 21.82 7 14 2 9.18 8.908 9.18"></polygon></svg>
  </span>
  <span class="cursor-pointer">
    <svg xmlns="http://www.w3.org/2000/svg" fill="#fedf63" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6 inline-block"><polygon fill="#fedf63" points="12 2 15.092 8.82 22 9.18 17 14 18.182 21.82 12 17.6 5.818 21.82 7 14 2 9.18 8.908 9.18"></polygon></svg>
  </span>
  <span class="cursor-pointer">
    <svg xmlns="http://www.w3.org/2000/svg" fill="#fedf63" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6 inline-block"><polygon fill="#fedf63" points="12 2 15.092 8.82 22 9.18 17 14 18.182 21.82 12 17.6 5.818 21.82 7 14 2 9.18 8.908 9.18"></polygon></svg>
  </span>
  <span class="cursor-pointer">
    <svg xmlns="http://www.w3.org/2000/svg" fill="gray" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6 inline-block"><polygon fill="gray" points="12 2 15.092 8.82 22 9.18 17 14 18.182 21.82 12 17.6 5.818 21.82 7 14 2 9.18 8.908 9.18"></polygon></svg>
  </span>
</div>