.home-map {
  width: 100%;
  height: 580px;
  border-radius: 8px;

  .leaflet-popup {
    margin-bottom: 30px;
    &-content-wrapper {
      border-radius: 8px;
      max-width: 180px;
    }

    &-tip,
    &-close-button {
      display: none;
    }

    &-content {
      padding: 12px 16px;
      margin: 0;
      text-align: center;

      a {
        text-decoration: underline;
        color: #3998e8;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .home-map {
    height: 416px;
  }
}

@media screen and (max-width: 550px) {
  .home-map {
    height: 370px;
  }
}
