.badge{max-inline-size:fit-content;min-inline-size:calc(2ch + var(--badge-px,.625ch));padding-block:var(--badge-py,.625ch);padding-inline:var(--badge-px,.625ch);border-radius:var(--badge-radius,5rem);background:var(--badge-bg,var(--brand));color:var(--badge-color,var(--on-brand));font-variant-numeric:tabular-nums;text-align:center;text-transform:uppercase;white-space:nowrap;font-size:.75em;font-weight:bolder;line-height:1}