.badge {
	align-items: center;
	align-self: flex-start;
	border-radius: var(--component-radii-pill);
	border: var(--component-border-width-md) solid var(--stroke-subtle);
	display: inline-flex;
	flex-grow: 0;
	flex-shrink: 0;
	justify-content: center;
	padding: 1ex 2ex;
	padding: var(--badge-medium-padding, 1ex 2ex);
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
	width: -moz-fit-content;
	width: fit-content;
}

.ak-button-default:where(.dark, .dark *) {
	background: black;
}

.action {
	cursor: pointer;
	transition-property: background-color, border-color, color;
	transition-duration: 150ms;
	transition-timing-function: ease;
}

.size--small {
		font: var(--font-label-xs);
		padding: var(--badge-small-padding);
	}

.size--medium {
		font: var(--font-label-xs);
		padding: var(--badge-medium-padding);
	}

.size--large {
		font: var(--font-label-sm);
		padding: var(--badge-large-padding);
	}