.object__map {
    padding-bottom: 52px;
}

.object__map-container {
    overflow: hidden;
    width: auto;
    height: 559px;
    margin-bottom: 16px;
}

.object__map-container iframe {
    border: none;
}

.object__map-title {
    margin: 0 16px 48px;
}

.object__map-buttons-list {
    display: flex;
    padding: 0;
    margin: 0 0 0 16px;
    list-style: none;
    column-gap: 8px;
}

.object__map-buttons-item {
    flex-shrink: 0;
    width: max-content !important;
}

.object__map-buttons-link {
    line-height: 17px;
    padding: 11px 31px;
    margin: 0;
    border: 1px solid var(--background-block);
    border-radius: 900px;
    color: var(--base-text);
    background: var(--base-white);
    font-size: 12px;
}

.object__map-buttons-link--active {
    padding: 12px 32px;
    color: var(--base-white);
    background: var(--accent);
}


@media (min-width: 960px) {
    .object__map {
        margin-bottom: 16px;
      }
    
      .object__map-container {
        width: auto;
        height: 559px;
        margin-bottom: 17px;
      }
    
      .object__map-title {
        line-height: 38px;
        font-size: 32px;
      }

    .object__map-buttons.group-buttons .object__map-buttons-link {
        line-height: 22px;
        margin: 0px 4px 14px;
        font-size: 16px;
    }
}

@media (min-width: 1440px) {
    .object__map-buttons.group-buttons .object__map-buttons-link {
        line-height: 22px;
        font-size: 16px;
    }

    .page__apartment .object__map-buttons.group-buttons .object__map-buttons-item:not(:first-child) .object__map-buttons-link {
        position: relative;
        padding: 12px 31px 12px 65px;
    }

        .page__apartment .object__map-buttons.group-buttons .object__map-buttons-item:not(:first-child) .object__map-buttons-link::before {
            position: absolute;
            top: 12px;
            left: 31px;
            width: 24px;
            height: 24px;
            background-repeat: no-repeat;
            background-position: 0 0;
            content: "";
        }

    .page__apartment .object__map-buttons-list {
        flex-wrap: wrap;
        max-width: 1240px;
        margin: 0 auto;
    }

    .page__apartment .object__map-school.object__map-buttons-link::before {
        background-image: url("/Images/icons/map/school.svg");
    }

    .page__apartment .object__map-kindergarten.object__map-buttons-link::before {
        background-image: url("/Images/icons/map/ToyBear.svg");
    }

    .page__apartment .object__map-medicine.object__map-buttons-link::before {
        background-image: url("/Images/icons/map/Aid.svg");
    }

    .page__apartment .object__map-shop.object__map-buttons-link::before {
        background-image: url("/Images/icons/map/Shopping_Cart.svg");
    }

    .page__apartment .object__map-park.object__map-buttons-link::before {
        background-image: url("/Images/icons/map/Leaf.svg");
    }

    .page__apartment .object__map-cafe.object__map-buttons-link::before {
        background-image: url("/Images/icons/map/Dish.svg");
    }

    .page__apartment .object__map-gasstation.object__map-buttons-link::before {
        background-image: url("/Images/icons/map/Gas_Station.svg");
    }

    .page__apartment .object__map-metro.object__map-buttons-link::before {
        background-image: url("/Images/icons/map/Metro.svg");
    }

    .page__apartment .object__map-mail.object__map-buttons-link::before {
        background-image: url("/Images/icons/map/Mail.svg");
    }

    .page__apartment .object__map-bank.object__map-buttons-link::before {
        background-image: url("/Images/icons/map/Bank.svg");
    }

    .page__apartment .object__map-sport.object__map-buttons-link::before {
        background-image: url("/Images/icons/map/Gym.svg");
    }
}