.ntt-price-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.05em;
	height: 1.05em;
	margin: 0 4px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.35;
	vertical-align: middle;
	cursor: help;
	transition: opacity .15s ease;
}

.ntt-price-icon::before {
	content: '؟';
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.68em;
	line-height: 1;
	color: #fff;
	font-weight: bold;
}

.ntt-price-icon:hover,
.ntt-price-icon:focus,
.ntt-price-icon.ntt-active {
	opacity: 0.85;
	outline: none;
}

.ntt-price-icon::after {
	content: attr(data-toman);
	position: absolute;
	bottom: 145%;
	left: 50%;
	transform: translateX(-50%);
	background: #222;
	color: #fff;
	padding: 4px 10px;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1.6;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .15s ease;
	z-index: 9999;
	direction: rtl;
}

.ntt-price-icon:hover::after,
.ntt-price-icon:focus::after,
.ntt-price-icon.ntt-active::after {
	opacity: 1;
	visibility: visible;
}