.gi-whatsapp-flutuante {
	position: fixed;
	right: 20px;
	bottom: calc(20px + env(safe-area-inset-bottom));
	z-index: 100;
	display: flex;
	align-items: center;
	height: 56px;
	width: 56px;
	padding: 0;
	border-radius: 28px;
	background: #25D366;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .28);
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	transition: width .2s ease, padding .2s ease, background .2s ease;
}
.gi-whatsapp-flutuante:hover,
.gi-whatsapp-flutuante:focus-visible {
	background: #1EBE5A;
}
.gi-whatsapp-flutuante:focus-visible {
	outline: 2px solid #FEFEFF;
	outline-offset: 3px;
}
.gi-whatsapp-flutuante__icone {
	flex: 0 0 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gi-whatsapp-flutuante__rotulo {
	white-space: nowrap;
	font-weight: 600;
	font-size: 14px;
	max-width: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-width .2s ease, opacity .2s ease;
}
@media (hover: hover) {
	.gi-whatsapp-flutuante:hover {
		width: auto;
		padding-right: 18px;
	}
	.gi-whatsapp-flutuante:hover .gi-whatsapp-flutuante__rotulo {
		max-width: 160px;
		opacity: 1;
	}
}
@media (max-width: 781px) {
	.gi-whatsapp-flutuante {
		right: 16px;
		bottom: calc(16px + env(safe-area-inset-bottom));
	}
}