<!-- segmented radio  -->
<div class="relative">
  <div class="radio-segmented inline-flex layhetgsjdcb rounded-sm cklsihrbanmq shadow-[2px_2px_0_0_#000000]">
    <label for="check4" class="h-8 py-2 uajskeiolksb relative inline-flex klsuaonrmcha layhetgsjdcb yhansklopals gap-x-2 text-sm tracking-[.00714em] font-medium border border-black bg-white dark:bg-neutral-600">
      <input id="check4" type="radio" name="radios" class="z-10 opacity-0 absolute inset-0" value="1" checked>
      <span>one</span>
    </label>

    <label for="check5" class="h-8 py-2 uajskeiolksb relative inline-flex klsuaonrmcha layhetgsjdcb yhansklopals gap-x-2 text-sm tracking-[.00714em] font-medium border border-black bg-white dark:bg-neutral-600">
      <input id="check5" type="radio" name="radios" class="z-10 opacity-0 absolute inset-0" value="2">
      <span>two</span>
    </label>

    <label for="check6" class="h-8 py-2 uajskeiolksb relative inline-flex klsuaonrmcha layhetgsjdcb yhansklopals gap-x-2 text-sm tracking-[.00714em] font-medium border border-black bg-white dark:bg-neutral-600">
      <input id="check6" type="radio" name="radios" class="z-10 opacity-0 absolute inset-0" value="3">
      <span>three</span>
    </label>
  </div>
</div>