.c-badge {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: var(--spacing-5);
	height: var(--spacing-5);
	border-radius: var(--radius-full);
	font-size: var(--font-size-xs);

	&--premium {
		background-color: var(--color-warning-100);
		color: var(--color-warning-600);
		border: 1px solid var(--color-warning-600);
	}

	&--status {
		background-color: var(--color-success-100);
		color: var(--color-success-600);
		border: 1px solid var(--color-success-600);
	}

	&--experiment {
		background-color: var(--color-cyan-50);
		color: var(--color-cyan-600);
		border: 1px solid var(--color-cyan-600);
	}
}
