.hmap-control-zoom {
  position: absolute;
  width: 28px;
  height: 60px;
  bottom: .5em;
  right: .5em;
  pointer-events: none;
  span {
    padding: 2px;
    display: inline-block;
    font-size: 22px;
    color: #7c8196;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    background-color: #FFF;
    pointer-events: auto;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
    &:hover {
      cursor: pointer;
      color: #2c9eff;
    }
  }
  .zoom-in {
    border-radius: 2px 2px 0 0;
    border-bottom: 1px solid #dbdee2;
  }
  .zoom-out {
    border-radius: 0 0 2px 2px;
  }
}