.nt-floating-support {
	align-items: center;
	background: var(--nt-color-card);
	border: 1px solid var(--nt-color-cobalt-high);
	border-radius: 12px;
	bottom: calc(82px + env(safe-area-inset-bottom));
	box-shadow: 0 6px 16px rgb(0 0 0 / 16%);
	color: #fff;
	direction: rtl;
	display: inline-flex;
	font-size: .82rem;
	font-weight: 700;
	gap: 8px;
	line-height: 1.5;
	left: max(20px, calc(20px + env(safe-area-inset-left)));
	min-height: 46px;
	padding: 7px 15px 7px 10px;
	position: fixed;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
	z-index: 1200;
}

.nt-floating-support:hover,
.nt-floating-support:focus-visible {
	background: var(--nt-color-cobalt-high);
	border-color: var(--nt-color-cobalt-high);
	color: #fff;
	transform: translateY(-2px);
}

.nt-floating-support::after {
	background: var(--nt-color-card-high);
	border: 1px solid var(--nt-color-line);
	border-radius: 7px;
	bottom: calc(100% + 8px);
	color: #fff;
	content: attr(data-tooltip);
	direction: rtl;
	font-size: .72rem;
	font-weight: 600;
	left: 0;
	opacity: 0;
	padding: 7px 10px;
	pointer-events: none;
	position: absolute;
	transform: translateY(4px);
	transition: opacity .18s ease, transform .18s ease;
	white-space: nowrap;
}

.nt-floating-support:hover::after,
.nt-floating-support:focus-visible::after {
	opacity: 1;
	transform: translateY(0);
}

.nt-floating-support__icon {
	align-items: center;
	background: var(--nt-color-cobalt-high);
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	height: 32px;
	justify-content: center;
	width: 32px;
}

.nt-floating-support__label--mobile {
	display: none;
}

@media (min-width: 621px) {
	.nt-floating-support {
		font-size: .78rem;
		gap: 6px;
		min-height: 43px;
		padding: 6px 13px 6px 9px;
	}

	.nt-floating-support__icon {
		height: 31px;
		width: 31px;
	}
}

@media (max-width: 620px) {
	.nt-floating-support {
		bottom: calc(76px + env(safe-area-inset-bottom));
		left: max(14px, calc(14px + env(safe-area-inset-left)));
		min-height: 42px;
		padding-inline: 9px 13px;
	}

	.nt-floating-support__label--desktop {
		display: none;
	}

	.nt-floating-support__label--mobile {
		display: inline;
	}

	.nt-floating-support::after {
		display: none;
	}

	body.nt-home-page-body .nt-floating-support {
		opacity: 0;
		pointer-events: none;
		transform: translateY(10px);
	}

	body.nt-home-page-body .nt-floating-support.is-visible {
		opacity: 1;
		pointer-events: auto;
		transform: none;
	}
}