.sort-by-list {
display: flex;
gap: 10px;
padding: 10px;
list-style: none;
margin: 0;
}

.sort-by-list li a {
border-radius: 8px;
padding: 6px 14px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
transition: all 0.3s ease;
}

.fa {
transition: transform 0.3s ease;
}

.fa.rotate-up {
transform: rotate(180deg);
}

.fa.rotate-down {
transform: rotate(0deg);
}