.watsup-fixed {
    bottom: 30px;
    left: 30px;
    position: fixed;
    z-index: 9999
}

.watsup-fixed a {
    position: relative;
    z-index: 99;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e2dddd;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: pulsee;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-play-state: paused
}

.watsup-fixed a::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 25px;
    border: 5px solid #49b15d;
    opacity: .75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite
}

.watsup-fixed a img {
    max-width: 22px
}

.call-fixed {
    bottom: 30px;
    right: 30px;
    position: fixed;
    z-index: 9999
}

.call-fixed a {
    position: relative;
    z-index: 99;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    background-color: #06b1d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: pulsee;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-play-state: paused
}

.call-fixed a img {
    width: 20px
}

.call-fixed a::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 25px;
    border: 5px solid #06b1d9;
    opacity: .75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite
}

@-webkit-keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: .75
    }

    75% {
        padding: 50px;
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: .75
    }

    75% {
        padding: 50px;
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes pulsee {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(37,211,102,.5);
        box-shadow: 0 0 0 0 rgba(37,211,102,.5)
    }

    80% {
        -webkit-box-shadow: 0 0 0 14px rgba(37,211,102,0);
        box-shadow: 0 0 0 14px rgba(37,211,102,0)
    }
}

@keyframes pulsee {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(37,211,102,.5);
        box-shadow: 0 0 0 0 rgba(37,211,102,.5)
    }

    80% {
        -webkit-box-shadow: 0 0 0 14px rgba(37,211,102,0);
        box-shadow: 0 0 0 14px rgba(37,211,102,0)
    }
}