<div class="flex flex-col bg-slate-300 items-center justify-center gap-2 py-5">
  <label class="relative inline-flex cursor-pointer items-center">
    <input type="checkbox" value="" class="peer sr-only" />
    <div class="h-6 w-11 rounded-full border border-slate-900 bg-slate-900 after:absolute after:top-[2px] after:left-[2px] after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:afte