.efn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.2em;
	height: 1.2em;
	padding: 0 0.15em;
	border-radius: var(--ef-radius-m);
	background: currentColor;
	font-style: normal;
}

.efn::before {
	font-size: 0.55em;
	font-weight: 700;
	font-family: system-ui, -apple-system, sans-serif;
	color: #fff;
	line-height: 1;
}

.efn-1::before { content: "1"; }
.efn-2::before { content: "2"; }
.efn-3::before { content: "3"; }
.efn-4::before { content: "4"; }
.efn-5::before { content: "5"; }
.efn-6::before { content: "6"; }
.efn-7::before { content: "7"; }
.efn-8::before { content: "8"; }
.efn-9::before { content: "9"; }
.efn-10::before { content: "10"; }
.efn-11::before { content: "11"; }
.efn-12::before { content: "12"; }
.efn-13::before { content: "13"; }
.efn-14::before { content: "14"; }
.efn-15::before { content: "15"; }
.efn-16::before { content: "16"; }
.efn-17::before { content: "17"; }
.efn-18::before { content: "18"; }
.efn-19::before { content: "19"; }
.efn-20::before { content: "20"; }