.app-geo-map-controls {
  position: absolute;
  bottom:   0;
  left:     0;
  z-index:  410;
  display:  inline-block;
}

.app-geo-map-controls__button {
  position:               relative;
  display:                inline-flex;
  box-sizing:             content-box;
  margin:                 0 0 12px 12px;
  padding:                3px 8px 3px 4px;
  border:                 1px solid #ced0d4;
  border-radius:          3px;
  background-color:       #ffffff;
  box-shadow:             0 1px 5px rgba(0, 0, 0, 0.65);
  color:                  #4b4f56;
  vertical-align:         middle;
  text-align:             center;
  text-decoration:        none;
  text-shadow:            none;
  white-space:            nowrap;
  font-weight:            bold;
  font-size:              12px;
  font-family:            helvetica, arial, sans-serif;
  cursor:                 pointer;
  -webkit-font-smoothing: antialiased;
  align-items:            center;
}

.app-geo-map-controls__button:hover {
  background-color: #f4f4f4;
}

.app-geo-map-controls__button:focus {
  outline: none;
}

.app-geo-map-controls__button_active {
  outline: -webkit-focus-ring-color auto 5px !important;
  color:   #50a9c9;
}

geo-pin {
  margin-right: 2px;
}