.ole-control-zoom {
    position: absolute;
    width: 28px;
    height: 60px;
    bottom: 0.5em;
    right: 0.5em;
    pointer-events: none;
}

.ole-control-zoom 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, 0.15);
}

.ole-control-zoom span:hover {
    cursor: pointer;
    color: #2c9eff;
}

.ole-control-zoom .zoom-in {
    border-radius: 2px 2px 0 0;
    border-bottom: 1px solid #dbdee2;
}

.ole-control-zoom .zoom-out {
    border-radius: 0 0 2px 2px;
}