.marker {
  display: block;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  /*height: 80px;*/
  max-width: 80px;

  /*border: 1px solid black;*/
  /*width: 10px;*/
  /*height: 10px;*/
  /*background-color: black;*/
}

.hide {
  pointer-events:none
}



.label_content {
  font-family: "Lovoo"!important;
  line-height: 1em;
  font-size: 10px;
  font-weight: bold;
  color: #374653;
  text-align: center;
  transition: .2s ease-in-out;
  max-width: 90px;
  margin: 0 auto;
}

.stroke {
  text-shadow: -1px -1px 0 #fff,
  1px -1px 0 #fff,
  -1px 1px 0 #fff,
  1px 1px 0 #fff;
}

.icon {
  /*background-color: white;*/
  text-align: center;
  position: relative;
  z-index: 2;

}

.shape {
  transform-origin: bottom center;
  transition: .4s cubic-bezier(.46, 1.35, .59, 1.92);
}

.shape img {
  margin-bottom: 8px;
}


.icon.hide .shape {
  /*opacity: 0;*/
  transform: scale(0);
  transition: .4s ease;

}

.icon.hide .label_content {
  opacity: 0;
}

.icon.hide .circle {
  opacity: 1;
}

.icon i {
  color: white;
  font-size: 24px;
  z-index: 100;
  position: absolute;
  left: 0;
  top: 8px;
  width: 100%;
  text-align: center;
}

.circle {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  bottom: 0;
  left: calc(50% - 3px);
  opacity: 0;
  transition: .2s;
  border: 1px solid white;
  z-index: 0;
}