Buttons | Shubh0408 nervous warthog 96

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<label
  class="w-16 h-8 bg-black shadow-inner rounded-full flex justify-around items-center overflow-hidden outline outline-2 outline-offset-2"
>
  <input class="peer hidden" type="checkbox" />
  <div
    class="w-6 h-6 flex justify-center items-center text-white bg-black border-[2px] duration-500 rounded-full peer-checked:translate-y-8"
  ></div>
  <div
    class="w-6 h-6 flex justify-center items-center text-white duration-500 rounded-full -translate-y-8 peer-checked:translate-y-0 rotate-90"
  >
    𝝞
  </div>
</label>