:root {
	--whatsapp: #25d366;
	--whatsapp-hover: #1ebe5d;
	--whatsapp-tinta: #043b35;
}

.botao-whatsapp-flutuante {
	position: fixed;
	right: max(1.25rem, env(safe-area-inset-right));
	bottom: max(1.25rem, env(safe-area-inset-bottom));
	z-index: 40;
	display: inline-flex;
	gap: var(--e2);
	align-items: center;
	justify-content: center;
	padding: .8rem 1rem;
	border: 1px solid var(--whatsapp-tinta);
	border-radius: 999px;
	background: var(--whatsapp);
	color: var(--whatsapp-tinta);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.2;
	box-shadow: var(--sombra-2);
	transition: background-color .18s var(--saida), box-shadow .18s var(--saida), transform .09s var(--saida);
}

.botao-whatsapp-flutuante:hover {
	background: var(--whatsapp-hover);
	box-shadow: 0 4px 8px rgb(16 23 29 / 9%), 0 16px 36px rgb(16 23 29 / 15%);
}

.botao-whatsapp-flutuante:active {
	transform: translateY(1px);
}

.botao-whatsapp-flutuante .icone {
	width: 1.5rem;
	height: 1.5rem;
}

@media (max-width: 600px) {
	.botao-whatsapp-flutuante {
		right: max(1rem, env(safe-area-inset-right));
		bottom: max(1rem, env(safe-area-inset-bottom));
		width: 3.5rem;
		height: 3.5rem;
		padding: 0;
		border-radius: 50%;
	}

	.botao-whatsapp-flutuante__texto {
		display: none;
	}
}