.actionSection {
    @apply flex ml-auto h-fit my-auto;
}

.deleteButton {
    @apply bg-red-100 disabled:bg-gray-100
        text-red-700 disabled:text-gray-500
        hover:bg-red-200
        disabled:cursor-not-allowed
        transition-all
        p-2.5 rounded;
}

.quantitySection {
    @apply relative flex border border-gray-300 rounded ml-4 items-center text-red-700;
}

.quantityLoading {
    @apply absolute flex items-center justify-center text-white rounded w-full h-full bg-gray-900/50 z-10;
}

.quantityControl {
    @apply h-full w-8 flex items-center justify-center hover:bg-gray-100 
        disabled:text-gray-500 
        disabled:bg-transparent
        disabled:cursor-not-allowed 
        transition;
}

.quantity {
    @apply text-gray-900 font-medium max-w-[28px] outline-none text-center;
}