<fieldset class="relative inline-flex items-center me-4">
  <div
    class="
      relative
      h-fit
      flex
      items-center
      justify-center
      shrink-0
      [&:has(input:checked)]:after:bg-rose-700
      [&:has(input:checked)]:after:cursor-pointer
      [&:has(input:checked)]:after:absolute
      [&:has(input:checked)]:after:block
      [&:has(input:checked)]:after:rounded-full
      [&:has(input:checked)]:after:top-0
      [&:has(input:checked)]:after:left-0
      [&:has(input:checked)]:after:mt-[3px]
      [&:has(input:checked)]:after:ml-[3px]
      [&:has(input:checked)]:after:size-2.5
      [&:has(input:checked)]:after:animate-scale-in
    "
  >
    <input
      type="radio"
      id="radio-id"
      name="radio"
      class="
        appearance-none
        size-4
        border-2
        rounded-full
        cursor-pointer
        checked:border-rose-700
        border-neutral-800/30
        disabled:border-neutral-800/10
      "
    />
  </div>

  <label
    for="radio-id"
    class="ml-1 cursor-pointer"
  >
    Teste
  </label>
</fieldset>