#wrapp-floating-whatsapp{width: 320px; height: 130px; background-color: #001c37; border: 3px solid #253c53; border-right: none !important; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-radius: 130px 0 0 130px; padding: 0 15px; position: fixed; right: 0; bottom: 50px; z-index: 10; transition: all 0.3s ease-in-out;}
#wrapp-floating-whatsapp:hover{background-color: transparent; background-image: linear-gradient(180deg, #7cdf80 0%, #2e7d32 100%) !important; border: 3px solid #5fc564;}
#wrapp-floating-whatsapp img{width: 100px; height: auto; border-radius: 100%; box-shadow: 0 0 0 1px #21405f; transition: all 0.3s ease-in-out;}
#wrapp-floating-whatsapp:hover img{box-shadow: 0 0 0 1px transparent;}
#wrapp-floating-whatsapp div{width: 40px; height: 40px; background-color: transparent; background-image: linear-gradient(180deg, #f7e2ac 0%, #d3ba7c 100%) !important; display: flex; align-items: center; justify-content: center; position: absolute; left: 80px; bottom: 10px; z-index: 1; border-radius: 100%; transition: all 0.3s ease-in-out;}
#wrapp-floating-whatsapp div svg{width: 30px; height: 30px; position: relative; z-index: 2; transition: all 0.3s ease-in-out;}
#wrapp-floating-whatsapp div svg path{fill: #fff;}
#wrapp-floating-whatsapp div i{width: 100%; height: 100%; content: ""; position: absolute; z-index: 1; background-color: transparent; background-image: linear-gradient(180deg, #f7e2ac 0%, #d3ba7c 100%) !important; border-radius: 100%; -webkit-animation: pulse 3s ease-out infinite; animation: pulse 3s ease-out infinite;}
#wrapp-floating-whatsapp div i:nth-child(2){-webkit-animation-delay: 2s; animation-delay: 2s;}
#wrapp-floating-whatsapp div i:nth-child(3){-webkit-animation-delay: 1s; animation-delay: 1s;}
#wrapp-floating-whatsapp:hover div, #wrapp-floating-whatsapp:hover div i{background-image: linear-gradient(180deg, #7cdf80 0%, #4caf50 100%) !important;}
#wrapp-floating-whatsapp p{font-family: "Libre Franklin", Sans-serif; font-size: 22px; font-weight: 600; line-height: 32px; color: #fff; margin: 0; transition: all 0.3s ease-in-out;}

#wrapp-floating-whatsapp.reduz{width: 245px; height: 80px; padding: 0 15px 0 5px; bottom: 10px;}
#wrapp-floating-whatsapp.reduz img{width: 64px;}
#wrapp-floating-whatsapp.reduz div{width: 30px; height: 30px; left: 50px; bottom: 5px;}
#wrapp-floating-whatsapp.reduz div svg{width: 22px; height: 22px;}
#wrapp-floating-whatsapp.reduz p{font-size: 18px; line-height: 28px;}

@-webkit-keyframes pulse{100%{-webkit-transform: scale(2); opacity: 0;}}
@keyframes pulse{100%{transform: scale(2); opacity: 0;}}

@media(max-width:767px){
	#wrapp-floating-whatsapp{width: 245px; height: 80px; padding: 0 15px 0 5px; bottom: 10px;}
	#wrapp-floating-whatsapp img{width: 64px;}
	#wrapp-floating-whatsapp div{width: 30px; height: 30px; left: 50px; bottom: 5px;}
	#wrapp-floating-whatsapp div svg{width: 22px; height: 22px;}
	#wrapp-floating-whatsapp p{font-size: 18px; line-height: 28px;}
	
	#wrapp-floating-whatsapp.reduz{width: 210px; height: 60px;}
	#wrapp-floating-whatsapp.reduz img{width: 46px;}
	#wrapp-floating-whatsapp.reduz div{width: 20px; height: 20px; left: 40px; bottom: 0;}
	#wrapp-floating-whatsapp.reduz div svg{width: 18px; height: 18px;}
	#wrapp-floating-whatsapp.reduz p{font-size: 16px; line-height: 22px;}
}