.container .title .container__button.container__button-switch {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.main-page-catalog-container .title {
    margin: 20px 0 30px 12px;
}
button.button.button--large.button--1.button--main-page-switch,
a.button.button--large.button--1.button--main-page-switch{
    text-align: center;
    background: var(--white);
    min-width: 160px;
    height: 40px;
    font-weight: 500;
    font-size: 18px!important;
    font-family: sans-serif;
    color: #328a27;
}
button.button.button--large.button--1.button--main-page-switch.active {
    background: #328a27;
    color: var(--white);
}

@media (max-width: 767px) {
    .main-page-catalog-container .container .title {
        display: flex;
        justify-content: center;
    }
    .container .title .container__button.container__button-switch,
    .container__button.container__button-switch {
        display: grid;
        gap: 10px;
        width: 100%;
        grid-template-columns: repeat(2, minmax(auto, 1fr))
    }
    .container__button.container__button-switch .button--main-page-switch {
        width: 100%;
        max-width: 100%;
    }

    button.button.button--large.button--1.button--main-page-switch,
    a.button.button--large.button--1.button--main-page-switch {
        min-width: 0;
        min-height: 40px;
        height: auto;
        white-space: normal
    }
}