<!-- From Uiverse.io by Uncannypotato69  - Website: https://uiverse.io/PriyanshuGupta28/thin-hound-49 - Name: Priyanshu Gupta - Tags: simple, minimalist, checkbox, cool checkbox, tailwind, tailwindcss -->
<label
  class="relative flex cursor-pointer items-center justify-center gap-[1em]"
  for="star"
>
  <input class="peer appearance-none" id="star" name="star" type="checkbox" />
  <span
    class="absolute left-0 top-1/2 h-[2em] w-[2em] -translate-x-full -translate-y-1/2 rounded-[0.25em] border-[1px] borde