CSS to change order of categories

I would like to change the order of the categories on the left handside:

to this:

I am using this code:

.ProductList-filter-list {
  display: flex;
  flex-direction: column;
}

/* All */
.ProductList-filter-list>li:nth-child(1) {
    order: 1;
}
/* New Arrival */
.ProductList-filter-list>li:nth-child(7) {
    order: 2;
}
 

Basically, I just want to move "New Arrival" to the second position and add a little top and bottom padding to the 2nd, and 3rd elements, respectively.  But, this code is moving the "All" element to the second to last position and "New Arrival" is going to the very last position. 

Thank you in advance!

This is the site, I am working on:

https://www.chamulaoriginal.com/knitwear?category=Sweater

Hi,

What should it look like?