.map__title {
  background: var(--color-white);
  border-radius: var(--border-radius);
  padding: 20px 30px; }
  .map__title h2 {
    font-weight: 600 !important;
    margin-bottom: 0; }

.map__buttons__title {
  margin-bottom: 20px; }

.map__buttons__item {
  border: 1px solid var(--main-color);
  border-radius: var(--border-radius);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px; }
  .map__buttons__item:nth-child(1) {
    margin-right: 30px; }
  .map__buttons__item img {
    width: 100%; }

.map__wrapper {
  width: 100%;
  height: 655px; }

@media (max-width: 768px) {
  .map__title {
    background: var(--color-white);
    border-radius: var(--border-radius);
    padding: 20px 30px;
    flex-wrap: wrap; }
    .map__title h2 {
      width: 100%;
      margin-bottom: 30px; }
  .map__wrapper {
    height: 395px;
    overflow: hidden; } }