.whatsapp-floating {position: fixed; z-index: 100; width: 60px; height: 60px; border-radius: 100%; display: flex; justify-content: center; align-items: center; background-color: #00bd26; bottom: 100px; right: 40px}
.whatsapp-floating.left {left: 40px;}
.whatsapp-floating i {color: #fff; font-size: 26px; display: flex;}
.whatsapp-floating {background-image: linear-gradient(90deg, #00ad26 0%, #47ff6f 100%) !important;}
.whatsapp-floating:before, .whatsapp-floating:after {content: ''; display: block; position: absolute; border-radius: 50%; border: 1px solid #47ff6f; left: -20px; right: -20px; bottom: -20px; top: -20px; animation: whats 1.5s linear infinite; opacity: 0; backface-visibility: hidden;}
.whatsapp-com-texto {position: fixed; bottom: 100px; right: 40px; display: flex; align-items: center; z-index: 101;}
.whatsapp-com-texto .text {margin-bottom: 10px;	margin-right: 40px; background: linear-gradient(90deg, #00ad26 0%, #47ff6f 100%) !important;color: #ffffff;
font-weight: 600; font-size: 15px; padding: 12px 32px 12px 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); white-space: nowrap;}

@keyframes whats {
0% {transform: scale(0.3); opacity: 0;}
50% {opacity: 1;}
100% {transform: scale(1.0); opacity: 0;}
}

@media (max-width: 991px) {
	.whatsapp-floating {width: 46px; height: 46px; right: 30px;}
	.whatsapp-floating i {font-size: 18px;}
	.whatsapp-com-texto {bottom: 80px; right: 30px; flex-direction: row;} 
	.whatsapp-com-texto .text {margin-right: 20px; margin-bottom: 27px; font-size: 13px; padding: 8px 33px 8px 8px; text-align: center;}
}