.buttonCallWhats {
    position: fixed;
    bottom: 3%;
    right: 5%;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #00e676;
    color: #fff;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 3px 2px 10px rgba(0, 0, 0, .3);
    z-index: 20
}

.buttonCallWhats,
.buttonCallWhats a {
    -ms-flex-align: center;
    align-items: center
}

    .buttonCallWhats a {
        width: 100%;
        height: 100%;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .buttonCallWhats i {
        color: #fff !important;
        margin: auto;
        text-align: center;
        position: relative;
        font-size: 28px
    }

    .buttonCallWhats .has-tip {
        position: relative;
        display: inline-block;
        border-bottom: none;
        font-weight: 400;
        cursor: pointer
    }




.buttonCallWhatsPositionBottomRight {
    position: fixed;
    bottom: 2%;
    right: 2%;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #00e676;
    color: #fff;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 3px 2px 10px rgba(0, 0, 0, .3);
    z-index: 20
}

    .buttonCallWhatsPositionBottomRight,
    .buttonCallWhatsPositionBottomRight a {
        -ms-flex-align: center;
        align-items: center
    }

        .buttonCallWhatsPositionBottomRight a {
            width: 100%;
            height: 100%;
            display: -ms-flexbox !important;
            display: flex !important
        }

        .buttonCallWhatsPositionBottomRight i {
            color: #fff !important;
            margin: auto;
            text-align: center;
            position: relative;
            font-size: 28px
        }

        .buttonCallWhatsPositionBottomRight .has-tip {
            position: relative;
            display: inline-block;
            border-bottom: none;
            font-weight: 400;
            cursor: pointer
        }

.buttonCallWhatsPositionBottomLeft {
    position: fixed;
    bottom: 2%;
    left: 2%;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #00e676;
    color: #fff;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 3px 2px 10px rgba(0, 0, 0, .3);
    z-index: 20
}

    .buttonCallWhatsPositionBottomLeft,
    .buttonCallWhatsPositionBottomLeft a {
        -ms-flex-align: center;
        align-items: center
    }

        .buttonCallWhatsPositionBottomLeft a {
            width: 100%;
            height: 100%;
            display: -ms-flexbox !important;
            display: flex !important
        }

        .buttonCallWhatsPositionBottomLeft i {
            color: #fff !important;
            margin: auto;
            text-align: center;
            position: relative;
            font-size: 28px
        }

        .buttonCallWhatsPositionBottomLeft .has-tip {
            position: relative;
            display: inline-block;
            border-bottom: none;
            font-weight: 400;
            cursor: pointer
        }

.buttonCallWhatsPositionTopLeft {
    position: fixed;
    top: 2%;
    left: 2%;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #00e676;
    color: #fff;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 3px 2px 10px rgba(0, 0, 0, .3);
    z-index: 20
}

    .buttonCallWhatsPositionTopLeft,
    .buttonCallWhatsPositionTopLeft a {
        -ms-flex-align: center;
        align-items: center
    }

        .buttonCallWhatsPositionTopLeft a {
            width: 100%;
            height: 100%;
            display: -ms-flexbox !important;
            display: flex !important
        }

        .buttonCallWhatsPositionTopLeft i {
            color: #fff !important;
            margin: auto;
            text-align: center;
            position: relative;
            font-size: 28px
        }

        .buttonCallWhatsPositionTopLeft .has-tip {
            position: relative;
            display: inline-block;
            border-bottom: none;
            font-weight: 400;
            cursor: pointer
        }

.buttonCallWhatsPositionTopRight {
    position: fixed;
    top: 2%;
    right: 2%;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #00e676;
    color: #fff;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 3px 2px 10px rgba(0, 0, 0, .3);
    z-index: 20
}

    .buttonCallWhatsPositionTopRight,
    .buttonCallWhatsPositionTopRight a {
        -ms-flex-align: center;
        align-items: center
    }

        .buttonCallWhatsPositionTopRight a {
            width: 100%;
            height: 100%;
            display: -ms-flexbox !important;
            display: flex !important
        }

        .buttonCallWhatsPositionTopRight i {
            color: #fff !important;
            margin: auto;
            text-align: center;
            position: relative;
            font-size: 28px
        }

        .buttonCallWhatsPositionTopRight .has-tip {
            position: relative;
            display: inline-block;
            border-bottom: none;
            font-weight: 400;
            cursor: pointer
        }