.radar-marker_red {
    position: relative;
    width: 15px;
    height: 15px;
    background: #FF0000;
    border-radius: 50%;
}

.radar-marker_red::before {

    content: '';

    position: absolute;

    left: 50%;
    top: 50%;

    width: 15px;
    height: 15px;

    border: 2px solid #FF0000;
    border-radius: 50%;

    transform: translate(-50%, -50%);

    animation: radarPulse 2s infinite;
}

.radar-marker_green {
    position: relative;
    width: 15px;
    height: 15px;
    background: #1eff00;
    border-radius: 50%;
}

.radar-marker_green::before {

    content: '';

    position: absolute;

    left: 50%;
    top: 50%;

    width: 15px;
    height: 15px;

    border: 2px solid #1eff00;
    border-radius: 50%;

    transform: translate(-50%, -50%);

    animation: radarPulse 2s infinite;
}


.radar-marker_blue {
    position: relative;
    width: 15px;
    height: 15px;
    background: #0059ff;
    border-radius: 50%;
}

.radar-marker_blue::before {

    content: '';

    position: absolute;

    left: 50%;
    top: 50%;

    width: 15px;
    height: 15px;

    border: 2px solid #0059ff;
    border-radius: 50%;

    transform: translate(-50%, -50%);

    animation: radarPulse 2s infinite;
}


@keyframes radarPulse {

    0%{
        width:18px;
        height:18px;
        opacity:1;
    }

    100%{
        width:70px;
        height:70px;
        opacity:0;
    }
}