.btn-whatsapp-pulse-border {
    animation-play-state: running;
}

.btn-whatsapp-pulse {
    background: #25d366;
    color: #fff;
    position: fixed;
    right: 30px;
    bottom:100px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 30px;
    text-decoration: none;
    animation-name: pulse;
    z-index: 9998;
}

.btn-whatsapp-pulse, .btn-whatsapp-pulse-border::before {
    border-radius: 50%;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    padding: 25px;
    border: 5px solid #25d366;
    opacity: .75;
    animation-name: pulse-border;
}
.btn-whatsapp-pulse svg {
    display: inline-block;
    width: 30px;
    height: 30px;
    z-index: 8;
    position: absolute;
    fill: white;
}


@media only screen and (max-width: 767px) {
  .btn-whatsapp-pulse {
    bottom:30px;
}
}

@keyframes  pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}80%{box-shadow:0 0 0 14px rgba(37,211,102,0)}}



.btn-call-pulse1-border {
    animation-play-state: running;
}

.btn-call-pulse1 {
    background: #4285F4;
    color: #fff;
    position: fixed;
    left: 30px;
    bottom:100px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 30px;
    text-decoration: none;
    animation-name: pulse1;
    z-index: 9998;
}

@media only screen and (max-width: 767px) {
  .btn-call-pulse1 {
    bottom:30px;
    right:60px;
}
}

.btn-call-pulse1, .btn-call-pulse1-border::before {
    border-radius: 50%;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

.btn-call-pulse1-border::before {
    content: "";
    position: absolute;
    padding: 25px;
    border: 5px solid #4285F4;
    opacity: .75;
    animation-name: pulse-border;
}
.btn-call-pulse1 svg {
    display: inline-block;
    width: 30px;
    height: 30px;
    z-index: 8;
    position: absolute;
    fill: white;
}




@keyframes  pulse1 {
10% {
    box-shadow: 0 0 0 0 rgb(37 152 211 / 50%);
}
80% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
}
}