.whatsapp-float {
	position: fixed;
	right: max(20px, env(safe-area-inset-right));
	bottom: max(20px, env(safe-area-inset-bottom));
	z-index: 1200;
	display: grid;
	width: 58px;
	aspect-ratio: 1;
	place-items: center;
	border-radius: 50%;
	background: #1fae61;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
	transition: background-color 160ms ease, transform 160ms ease;
}

.whatsapp-float:hover {
	background: #168b4c;
	transform: translateY(-3px);
}

.whatsapp-float svg {
	width: 32px;
	height: 32px;
	fill: #fff;
}

.site-logo__text {
	max-width: 14rem;
}

.site-logo__badge {
	width: 44px;
	height: 44px;
}

.site-logo__title {
	display: grid;
	gap: 2px;
	font-size: 0.82rem;
	line-height: 1.08;
}

.site-logo__title span + span {
	font-size: 0.76rem;
	font-weight: 700;
}

.site-logo__sub {
	display: block;
	margin-top: 4px;
	font-size: 0.62rem;
}

@media (max-width: 600px) {
	.whatsapp-float {
		right: max(14px, env(safe-area-inset-right));
		bottom: max(14px, env(safe-area-inset-bottom));
		width: 54px;
	}
}