.map-link {
    display: flex;
    align-items: center;
    gap: 6px;
    position: absolute;
    left: var(--x-position);
    bottom: var(--y-position);
}

@keyframes scaleIcon {
    0% {
        transform: scale(0.7);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.7);
    }
}

.map-link_icon {
    width: 100%;
    max-width: 18px !important;
    height: fit-content;
    transform-origin: left;
    animation: scaleIcon 2s infinite;
}

.map-link_city {
    fill:  #122424;
    transition: fill 0.3s ease-out;
}

.map-link_city:hover {
    fill: #F56C3E;
}