mark.hf-mark-green,
.hf-mark-green {
	background: rgba(81, 136, 113, 0.22);
	color: #518871;
	padding: 0 0.15em;
	border-radius: 2px;
}

mark.hf-mark-red,
.hf-mark-red {
	background: rgba(192, 0, 0, 0.16);
	color: #c00000;
	font-weight: 700;
	padding: 0 0.15em;
	border-radius: 2px;
}

.hf-mark-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.hf-mark-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
}

.hf-mark-dot.green { background: #518871; }
.hf-mark-dot.red { background: #c00000; }