
.leaflet-popup-content-wrapper {
  border-radius: 0;
}
.leaflet-container a.leaflet-popup-close-button {
  padding: 2px 0 0 0;
}

.marker-cluster-small, .marker-cluster-medium, .marker-cluster-large {
  background-color: #4598d0;
  background-color: rgba(#4598d0, 0.8);
  @include linear-gradient(rgba(#4598d0, 0.8), rgba(#1374cf, 0.8));
  // opacity: 0.2;
  border: 1px solid #597393;
  border: 1px solid rgba(#597393, 0.8);
  text-align: center;

  div {
    margin: 5px;
    font-weight: bold;
    background-color: #fff;
    // border: 1px solid #597393;
    // border: 1px solid rgba(#597393, 0.8);

    width: 26px;
    height: 26px;
  }

  span {
    line-height: 27px;
  }
}

.map {
  width: 100%;
  height: 250px;
}

#index_map .map {
  height: 400px;

  @include media(mobile) {
    height: 250px;
  }
}


.leaflet-popup-content-wrapper {
  border-radius: 0;
}
.leaflet-container a.leaflet-popup-close-button {
  padding: 2px 0 0 0;
}
.leaflet-control-zoom {
  border-radius: 4px;
  a { border-radius: 2px; }
}

.marker-cluster-small, .marker-cluster-medium, .marker-cluster-large {
  background-color: #4598d0;
  background-color: rgba(#4598d0, 0.8);
  @include linear-gradient(rgba(#4598d0, 0.8), rgba(#1374cf, 0.8));
  // opacity: 0.2;
  border: 1px solid #597393;
  border: 1px solid rgba(#597393, 0.8);
  text-align: center;

  div {
    margin: 5px;
    font-weight: bold;
    background-color: #fff;
    // border: 1px solid #597393;
    // border: 1px solid rgba(#597393, 0.8);

    width: 26px;
    height: 26px;
  }

  span {
    line-height: 27px;
  }
}

.map {
  width: 100%;
  height: 250px;
}

#index_map .map {
  height: 400px;

  @include media(mobile) {
    height: 250px;
  }
}

Change map viewer zoom button style
Change map viewer zoom button style
