.btnWhats {
    position: fixed;
    z-index: 10;
    right: 2rem;
    bottom: 2rem
}

body .btnWhats--container__content-icon a {
    background-color: #29BE42;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    border-radius: 10rem;
    transition: all .3s ease
}

body .btnWhats--container__content-icon a:hover {
    background-color: #0F8C24;
    transform: scale(1.05)
}

body .btnWhats--container__content-icon a picture img {
    max-width: 3rem
}

@media (max-width:768px) {
    body .btnWhats {
        right: 1rem;
        bottom: 1rem
    }

    body .btnWhats--container__content-icon a {
        padding: .8rem
    }

    body .btnWhats--container__content-icon a:hover {
        transform: none
    }

    body .btnWhats--container__content-icon a picture img {
        max-width: 2rem
    }
}