.ckava-whatsapp {
	position: fixed;
	z-index: 80;
	inset-inline-end: calc(1.5rem + env(safe-area-inset-right, 0px));
	inset-block-end: calc(1.5rem + env(safe-area-inset-bottom, 0px));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
	min-block-size: 52px;
	padding: 0.75rem 1.125rem;
	border: 1px solid rgb(255 255 255 / 20%);
	border-radius: var(--ckava-radius-pill);
	background: #197344;
	box-shadow: 0 5px 20px rgb(14 15 15 / 18%);
	color: var(--ckava-color-white);
	font-size: 0.875rem;
	font-weight: 650;
	line-height: 1.25;
	text-decoration: none;
}

.ckava-whatsapp:hover {
	background: var(--ckava-color-forest);
	color: var(--ckava-color-white);
}

.ckava-whatsapp:focus-visible {
	outline: var(--ckava-focus-ring);
	outline-offset: 2px;
	box-shadow: var(--ckava-focus-halo);
}

.ckava-whatsapp-icon,
.ckava-whatsapp-icon::before {
	inline-size: 28px;
	block-size: 28px;
	font-size: 28px;
}

.ckava-whatsapp-label {
	white-space: nowrap;
}

body.ckava-menu-open .ckava-whatsapp,
body.ckava-filter-open .ckava-whatsapp {
	display: none;
}

@media (width <= 768px) {
	.ckava-whatsapp {
		inset-inline-end: calc(1rem + env(safe-area-inset-right, 0px));
		inset-block-end: calc(1rem + env(safe-area-inset-bottom, 0px));
		inline-size: 52px;
		block-size: 52px;
		padding: 0;
	}

	.ckava-whatsapp:not(.ckava-whatsapp-text-only) .ckava-whatsapp-label {
		display: none;
	}

	.ckava-whatsapp-text-only {
		inline-size: auto;
		padding-inline: 1rem;
	}

	.ckava-has-sticky-actions .ckava-whatsapp {
		inset-block-end: calc(var(--ckava-sticky-space, 88px) + 1rem);
	}
}