<div class="flex items-center gap-2">
  <span class="text-sm text-gray-600 font-medium" data-collapsable="font-display">100%</span>
  <button class="text-sm text-blue-600 hover:text-blue-800 flex items-center justify-center bg-gray-100 border border-gray-300 rounded-md h-6 w-6 shadow-sm hover:bg-gray-200"
          data-collapsable="decrease">
    <i class="fa-solid fa-minus"></i>
  </button>
  <button class="text-sm text-blue-600 hover:text-blue-800 flex items-center justify-center bg-gray-100 border border-gray-300 rounded-md h-6 w-6 shadow-sm hover:bg-gray-200"
          data-collapsable="increase">
    <i class="fa-solid fa-plus"></i>
  </button>
</div>
