@mixin component {
	background-color: var(--palettes-100, var(--components-label-default-palette-100));
	color: var(--palettes-900, var(--components-label-default-palette-900));
	display: inline-flex;
	gap: 0 var(--pr-t-spacings-50);
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	border-radius: var(--pr-t-border-radius-full);
	font-size: var(--pr-t-font-body-S-fontSize);
	line-height: var(--pr-t-font-body-XS-lineHeight);
	font-weight: var(--pr-t-font-fontWeight-semibold);
	padding-block: var(--pr-t-spacings-50);
	padding-inline: var(--pr-t-spacings-100);

	.label-icon {
		margin: 0;
		font-size: var(--pr-t-font-body-M-fontSize);
	}
}