.sort {
    display: flex;
    gap: calc(0px + 26* var(--scale));
    border: var(--border-blue);
    padding: calc(0px + 14* var(--scale)) calc(0px + 32* var(--scale));
    border-radius: 6px;
}

.sort_item {
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--secondary-color);
    font-size: calc(0px + 18* var(--scale));
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    border: none;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
}

.sort_item.active {
    color: var(--main-color);
}

.sort_item::after {
    content: "";
    display: block;
    width: calc(0px + 20* var(--scale));
    height: calc(0px + 20* var(--scale));
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6667 2H3.33333C2.97971 2 2.64057 2.14048 2.39052 2.39052C2.14048 2.64057 2 2.97971 2 3.33333V16.6667C2 17.0203 2.14048 17.3594 2.39052 17.6095C2.64057 17.8595 2.97971 18 3.33333 18H16.6667C17.0203 18 17.3594 17.8595 17.6095 17.6095C17.8595 17.3594 18 17.0203 18 16.6667V3.33333C18 2.97971 17.8595 2.64057 17.6095 2.39052C17.3594 2.14048 17.0203 2 16.6667 2ZM16.6667 16.6667H3.33333V3.33333H16.6667V16.6667ZM13.1383 10.195C13.2003 10.2569 13.2495 10.3304 13.283 10.4114C13.3166 10.4923 13.3339 10.5791 13.3339 10.6667C13.3339 10.7543 13.3166 10.841 13.283 10.922C13.2495 11.0029 13.2003 11.0764 13.1383 11.1383L10.4717 13.805C10.4098 13.867 10.3362 13.9162 10.2553 13.9497C10.1744 13.9833 10.0876 14.0005 10 14.0005C9.91239 14.0005 9.82564 13.9833 9.74471 13.9497C9.66377 13.9162 9.59025 13.867 9.52833 13.805L6.86167 11.1383C6.73657 11.0132 6.6663 10.8436 6.6663 10.6667C6.6663 10.4898 6.73657 10.3201 6.86167 10.195C6.98676 10.0699 7.15642 9.99963 7.33333 9.99963C7.51024 9.99963 7.67991 10.0699 7.805 10.195L9.33333 11.7242V6.66667C9.33333 6.48986 9.40357 6.32029 9.5286 6.19526C9.65362 6.07024 9.82319 6 10 6C10.1768 6 10.3464 6.07024 10.4714 6.19526C10.5964 6.32029 10.6667 6.48986 10.6667 6.66667V11.7242L12.195 10.195C12.2569 10.133 12.3304 10.0838 12.4114 10.0503C12.4923 10.0167 12.5791 9.99948 12.6667 9.99948C12.7543 9.99948 12.841 10.0167 12.922 10.0503C13.0029 10.0838 13.0764 10.133 13.1383 10.195Z' fill='black'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;

}

.sort_item.asc::after {
    transform: rotate(180deg);
}

.sort_item.desc::after {
    transform: rotate(0deg);
}

@media (max-width: 767px) {
    .sort {
        padding: 14px 32px;
        flex-direction: column;
        background-color: white;
        gap: 33px;
    }

    .sort_item {
        font-size: 18px;
        gap: 4px;
    }

    .sort_item::after {
        width: 20px;
        height: 20px;
    }

}