/* botão */
.whatsapp-floating {width: 60px; height: 60px; border-radius: 100%; display: flex; justify-content: center; align-items: center; background-color: #00bd26; position: relative; border: none;}
.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;}

@keyframes whats {
	0% {transform: scale(0.3); opacity: 0;}
	50% {opacity: 1;}
	100% {transform: scale(1.0); opacity: 0;}
}
/* botão */

.whatsapp-wrapper {position: fixed; z-index: 100; bottom: 100px; right: 40px; display: flex; flex-direction: column-reverse; gap: 12px; align-items: end;}
.whatsapp-wrapper.left {left: 40px; right: auto; align-items: start;}

/* lista de numeros */
.whatsapp-list-numbers {width: 330px; border-radius: 8px; background: #fff; box-shadow: 0 1px 15px rgba(32,33,36,.28);}
.whatsapp-list-numbers-header {background: #24CC63; color: #fff; padding: 12px; border-radius: 8px 8px 0 0; font-size: 15px; line-height: 150%;}
.whatsapp-list-numbers-title {font-size: 22px; font-weight: 600;}
.whatsapp-list-numbers-body {padding: 12px;}
.whatsapp-talk-with {font-size: 12px; color: #707070;}
.whatsapp-username {font-size: 16px; color: #000; font-weight: 500;}
.whatsapp-items {display: flex; flex-direction: column; gap: 4px; overflow: auto; max-height: 130px;}
.whatsapp-item {display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 6px; border: 1px solid #eee;}
.whatsapp-item:hover {border-color: #999;}
#btn-close-whatsapp {color: #fff; padding: 0; font-size: 16px;}
.icon-whatsapp {display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border-radius: 50%; background: #00bd26; color: #fff; font-size: 20px; }
/* lista de numeros */


@media (max-width: 991px) {
	.whatsapp-floating {width: 46px; height: 46px;}
	.whatsapp-floating i {font-size: 18px;}
	.whatsapp-list-numbers {width: 306px;}
	.whatsapp-wrapper {bottom: 80px; right: 26px;}
}