.btn-whatsapp {
    position:fixed;
    width:auto;
    height:auto;
    bottom:30px;
    right:20px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:17px;
    box-shadow: 1px 1px 2px #888;
    z-index:10000;
    padding: 7px 20px;
    line-height: 21px;
}

.btn-whatsapp:hover {
    background-color: #459248;
    color:#FFF;
}

.btn-whatsapp:hover i {
    color:#FFF;
}

.btn-whatsapp:visited {
    background-color:#25d366;
    color:#FFF;
}

.btn-whatsapp:visited i {
    color:#FFF;
}

.btn-whatsapp i {
    font-size:40px;
    color:#FFF;
}


@media (max-width: 767px) {
	.btn-whatsapp{
        bottom:30px;
        right:30px;
        font-size:11px;
        line-height: 14px;
        padding: 7px 10px;
    }
    
    .btn-whatsapp i {
        margin-top:-1px;
        font-size:30px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.btn-whatsapp{
        bottom:20px;
        right:20px;
        font-size:15px;
        line-height: 18px;
    }
    
    .btn-whatsapp i {
        font-size:35px;
    }
}