/*
 * hs-core floating contact buttons.
 *
 * Call sits in the start corner and WhatsApp in the end corner, which on these
 * RTL sites puts call bottom-right and WhatsApp bottom-left, as the owner's
 * reference shows. Themes colour the call button with --hsc-main and
 * --hsc-main-ink.
 */
.hsc-fab__btn {
	position: fixed;
	z-index: 60;
	inset-block-end: max(1.25rem, env(safe-area-inset-bottom));
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 3.5rem;
	block-size: 3.5rem;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 6px 18px rgb(0 0 0 / 22%);
	transition: transform 0.2s;
}

.hsc-fab__btn:hover,
.hsc-fab__btn:focus-visible {
	transform: scale(1.08);
}

.hsc-fab__btn--call {
	inset-inline-start: 1.25rem;
	background: var(--hsc-main, #1a6dff);
	color: var(--hsc-main-ink, #fff);
}

.hsc-fab__btn--whatsapp {
	inset-inline-end: 1.25rem;
	background: #25d366;
	color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	.hsc-fab__btn {
		transition: none;
	}
}