Kbd Arrow Keys

                    <div class="p-6 flex flex-col items-center gap-2">
  <div class="flex w-full justify-center">
    <kbd class="w-10 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">▲</kbd>
  </div>
  <div class="flex w-full justify-center gap-4">
    <kbd class="w-10 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">◀︎</kbd>
    <kbd class="w-10 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">▶︎</kbd>
  </div>
  <div class="flex w-full justify-center">
    <kbd class="w-10 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">▼</kbd>
  </div>
</div>