@keyframes blinking-circle-legend {
    0% {
        transform: scale(0.5);
        border-width: 1px;
        opacity: 1;
    }

    80% {
        transform: scale(2);
        border-width: 1px;
        /* opacity: 0.5; */
        background-color: rgba(255, 0, 0, 0.1);
    }

    100% {
        transform: scale(4);
        border-width: 1px;
        opacity: 0;
        /* background-color: rgba(255, 0, 0, 0); */
    }
}

@keyframes blinking-circle-gempa {
    0% {
        transform: scale(0.5);
        border-width: 1px;
        opacity: 1;
    }

    80% {
        transform: scale(10, 10);
        border-width: 1px;
        /* opacity: 0.5; */
        background-color: rgba(255, 0, 0, 0.1);
    }

    100% {
        transform: scale(15, 15);
        border-width: 1px;
        opacity: 0;
        /* background-color: rgba(255, 0, 0, 0); */
    }
}

#circleGempaTerbaruBali {
    width: 30px;
    height: 30px;
    border: 1px solid red;
    /* border-radius: 50%; */
    /* background-color: rgba(255, 0, 0, 0.5); */
    animation: blinking-circle-gempa 3s infinite;
    /* Durasi animasi 1 detik */
}

.custom-blinking-circle {
    width: 30px;
    height: 30px;
    border: 2px solid red;
    /* border-radius: 50%; */
    /* background-color: rgba(255, 0, 0, 0.5); */
    animation: blinking-circle-legend 3s infinite;
    /* Durasi animasi 1 detik */
}