.cv-badge {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	min-width: 0;
	max-width: 100%;
	min-height: calc(var(--spacing) * 6);
	overflow: hidden;
	border: var(--edge-width) solid
		color-mix(in srgb, var(--color-current) 12%, var(--cv-semantic-surface));
	border-radius: var(--radius-full);
	background: var(--cv-semantic-surface);
	padding: var(--spacing) calc(var(--spacing) * 2.5) var(--spacing) calc(var(--spacing) * 2);
	font-size: var(--text-sm);
	line-height: var(--text-sm--line-height);
}

.cv-badge .cv-icon-label {
	gap: var(--spacing);
}

.cv-badge .cv-icon-label-icon {
	width: calc(var(--spacing) * 4);
	height: calc(var(--spacing) * 4);
}

.cv-badge[data-size="sm"] {
	min-height: calc(var(--spacing) * 5);
	border-color: transparent;
	padding: calc(var(--spacing) * 0.5) calc(var(--spacing) * 2) calc(var(--spacing) * 0.5)
		calc(var(--spacing) * 1.5);
	font-size: var(--text-xs);
	line-height: var(--text-xs--line-height);
}

.cv-badge:is([data-size="sm"], [data-text-size]) .cv-icon-label {
	font-size: inherit;
	line-height: inherit;
}

.cv-badge[data-size="sm"] .cv-icon-label-icon-frame {
	width: auto;
	height: auto;
}

.cv-badge[data-size="sm"] .cv-icon-label-icon {
	width: calc(var(--spacing) * 3);
	height: calc(var(--spacing) * 3);
}

.cv-badge[data-text-size="xs"] {
	font-size: var(--text-xs);
	line-height: var(--text-xs--line-height);
}

.cv-badge[data-text-size="2xs"] {
	font-size: var(--text-2xs);
	line-height: var(--text-2xs--line-height);
}