.badge {
	background: $color-primary;
	color: $color-dark;
	padding: $space-1 $space-2;
	font-size: $font-size-base;
	display: inline-block;

	&.badge-success {
		background: $color-success;
	}

	&.badge-warning {
		background: $color-warning;
	}

	&.badge-error,
	&.badge-danger {
		background: $color-error;
	}

	&.badge-info {
		background: $color-info;
		color: $color-text-light;
	}

	&.badge-secondary {
		background: $color-secondary;
		color: $color-text-light;
	}

	&.badge-primary-outline {
		color: $color-text-light;
		border: 2px solid $color-text-light;
		background: transparent;
		padding: ($space-1 - 2px) $space-2;
	}
}
