.pulse {
   
    margin-left: 33%;
    /* margin-top:40%; */
    height: 40px;
    width: 40px;
    background: green;

    position: relative; 
    /* margin: ; */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: white;
   
}

.pulse:before,
.pulse:after {
    content: "";
    position: absolute; 
    height: 80%;
    width: 80%;
    background-color: #43e825cd;
    border-radius: 50%;
    z-index: 1;
    opacity: 1;
}

.pulse:before {
    animation: pulse 2s ease-out infinite;
}

.pulse:after {
    animation: pulse 2s 1s ease-out infinite;
}

@keyframes pulse {
    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}