.as-reading-time {
	--as-rt-accent: #5aa9ff;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-family: 'Yekan', 'Vazirmatn', Tahoma, sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #444;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 999px;
	padding: 7px 16px 7px 14px;
	box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 6px 16px -10px rgba(0,0,0,.15);
	position: relative;
	overflow: hidden;
}

.as-reading-time::before {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: linear-gradient(180deg, var(--as-rt-accent), transparent);
}

.as-reading-time-icon {
	color: var(--as-rt-accent);
	flex-shrink: 0;
}

.as-reading-time-label {
	white-space: nowrap;
}