#whatsapp {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background: #3AC371;
    position: fixed;
    left: 96%;
    top: 70%;
    transform: translate(-50%, -50%);
    z-index: 5;

}

.white {
    border-radius: 40px !important;
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .3);
}

.white::before {
    content: "";
    top: 65px;
    left: -15px;
    border-width: 20px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    transform: rotate(-50deg) rotateX(-55deg);
}

.white::after {
    content: "";
    top: 63px;
    left: -4px;
    border-width: 15px;
    border-style: solid;
    border-color: transparent #3AC371 transparent transparent;
    position: absolute;
    transform: rotate(-51deg) rotateX(-50deg);
}


@media only screen and (max-width: 767px) {

    #whatsapp {
        width: 70px;
        height: 70px;
        border-radius: 35px;
        background: #3AC371;
        position: fixed;
    left: 89%;
         top: 70%;
        transform: translate(-50%, -50%);
        z-index: 5;
    } 
}