.uff-badge{

	display:inline-flex;
	align-items:center;

	padding:6px var(--uff-space-3);

	border-radius:var(--uff-radius-full);

	font-size:var(--uff-text-xs);
	font-weight:var(--uff-font-semibold);

	font-family:var(--uff-font-body);

	background:var(--uff-color-surface-muted);
	color:var(--uff-color-text);

}

.uff-badge--success{

	background:var(--uff-color-success-soft);
	color:var(--uff-color-success-text);

}

.uff-badge--primary{

	background:var(--uff-color-primary);
	color:var(--uff-color-on-primary);

}