.right {
    display: flex;
    align-items: center;
    justify-content: center;

    .badge {
        font-size: 10px;
        background: #f4daa4;
        padding: 2px 5px;
        display: inline-block;
        border-radius: 10px;
        cursor: pointer;
        text-decoration: none;
    }

    .wrapp {
        display: flex;
        align-items: center;

        .button {
            padding: 6px 12px;
            color: #a7aaad;
            text-decoration: none;
            align-items: center;
            white-space: nowrap;
            gap: 5px;
            line-height: 1;
            cursor: default;

            &:hover {
                color: #a7aaad;
            }
        }

        .buttonIcon {
            color: #a7aaad;
            height: 100%;
        }
    }

}

.filtersWrap {
    display: flex;

    .filters {
        display: flex;
        align-items: center;

        .filterGroup {
            flex: 0 1 10%;
            min-width: 210px;
            border-top: 1px solid #e0e0e0;
            border-bottom: 1px solid #e0e0e0;
            font-size: 13px;
            position: relative;
            overflow: hidden;
            .badge {
                font-size: 10px;
                background: #f4daa4;
                padding: 2px 5px;
                display: inline-block;
                border-radius: 10px;
                cursor: pointer;
                text-decoration: none;
                position: absolute;
                right: 48px;
                top: 8px;
            }
            &:first-child {
                border-left: 1px solid #e0e0e0;
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
            }
            &:last-child {
                            border-right: 1px solid #e0e0e0;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
            }
            &:not(:last-child) {
                border-right: 1px solid #e0e0e0;
            }
        }
    }
}