.marker {
    position: absolute;
    height: 2.75rem;
    width: 2.75rem;
    border-radius: 1.375rem;
    cursor: pointer;
}

.mk-back {
    background-color: #fff;
    height: 4rem;
    width: 4rem;
    position: absolute;
    border-radius: 2rem;
    left: -0.625rem;
    top: -0.625rem;
    cursor: default;
    opacity: 0.3;
    transition: background-color .3s;
}

.marker:hover .mk-back {
    background-color: var(--az-color);
}

.mk-front {
    background-color: #fff;
    height: 2.75rem;
    width: 2.75rem;
    position: absolute;
    border-radius: 1.375rem;
}

.mk-front .ico {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
}

.mk-front .ico svg {
    width: 1.375rem;
    height: 1.375rem;
}

.mk-btt {
    width: 1.9375rem;
    height: 1.9375rem;
    background-color: #fff;
    position: absolute;
    border-radius: 1rem;
    opacity: 0;
    transition: opacity .3s;
}

.mk-btt .ico {
    background-size: 0.8125rem;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.8125rem;
    height: 0.8125rem;
    margin-left: 0.5625rem;
    margin-top: 0.5625rem;
}

.mk-btt.btt-lt .ico {
    background-size: 1.0625rem;
    background-position: center;
    background-repeat: no-repeat;
    width: 1.0625rem;
    height: 1.0625rem;
    margin-left: 0.4375rem;
    margin-top: 0.4375rem;
}

.mk-btt-p0 {
    left: 3.375rem;
    top: -0.625rem;
}

.mk-btt-p1 {
    left: 3.375rem;
    top: 1.4375rem;
}
.mk-btt-p2 {
    left: 3.375rem;
    top: 3.4375rem;
}
.marker:hover .mk-btt {
    opacity: 1;
}

.mk-front .ico .fg_fill_1 {
    fill: var(--az-color);
}