.brown_button {
    background: linear-gradient(90deg, #CEA56A 0%, #E5B775 100%), linear-gradient(90deg, #CEA56A 0%, #B77E2D 100%);
    color: #FFFFFF;
    border-radius: 5px;
}
.padding_button_15 {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
}
.size_button {
    height: 50px;
    padding: 0 20px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    white-space: nowrap; 
    border-radius: 7px;
}
.white_button {
    background-color: #FFFFFF;
    color: #000000;
}
.main_button_gap {
    gap: 15px
}
.black_button {
    background: #000000;
    color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.3)
}
.active_brown_button{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    background: linear-gradient(90deg, #CEA56A 0%, #B77E2D 100%), #000000;
    border-radius: 7px;
    font-family: Inter Medium;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}
.inactive_black_button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 7px;
    font-family: Inter Regular;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}

.filter-button {
        width: calc(31.333%);
    }
    .filter-button:nth-child(4),
    .filter-button:nth-child(5) {
        width: calc(49%);
    }
    .filter-button {
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 1;
}
.arrow_tg_post_left {
    position: absolute;
    z-index: 1;
    left: 10px;
    transform: translateY(0%);
    cursor: pointer;
    top: 37.5%;
} 
.arrow_tg_post_right {
    position: absolute;
    z-index: 1;
    right: 10px; 
    transform: translateY(0%); 
    z-index: 10;
    cursor: pointer;
    top: 37.5%;
} 
@media (max-width: 1240px){
.left_100 {
    width: 100%;
}
    .main_button_gap {
    gap: 10px
}
.active_brown_button{
    padding: 15px 15px;
    height: 70px;
}
.inactive_black_button {
    padding: 15px 15px;
    height: 70px;
}
.filter-button {
        flex: 1 1 calc(33.333% - 6.67px); /* 3 кнопки в ряду с учетом gap */
        white-space: nowrap;
    }
    
    /* 4-я и 5-я кнопки занимают по 50% */
    .filter-button:nth-child(4),
    .filter-button:nth-child(5) {
        flex: 1 1 calc(50% - 5px);
    }
}
@media (max-width: 768px){
.active_brown_button{
    font-size: 13px;
    padding: 15px 10px;
    height: 47px;
}
.inactive_black_button {
    font-size: 13px;
    padding: 15px 10px;
    height: 47px;
}
 .filter-button {
        flex: 1 1 calc(50% - 2.5px);
        white-space: normal;
    }
    
    .filter-button:last-child {
        flex: 1 1 calc(100% - 2.5px);
    }

}