.base-map-ballon {
  transition: height 0.5s;
  overflow: hidden;
}

.base-map-ballon-active {
  height: auto;
}

.base-map-ballon-deactive {
  height: 0rem;
}

.base-map-ballon-triangle {
  transition:
    width 0.4s 0.1s,
    height 0.4s 0.1s;
  overflow: hidden;
}

.base-map-ballon-triangle-active {
  width: 2rem;
  height: 2rem;
  margin-bottom: 0.5rem;
}

.base-map-ballon-triangle-deactive {
  width: 0rem;
  height: 0rem;
}
