/**
 * Category badges — base shape, list spacing and color variants.
 */

.category-badge-list {
	display: flex;
	flex-wrap: wrap;
	column-gap: 15px;
	row-gap: 10px;
}

.category-badge {
	display: inline-flex;
	align-items: center;
	height: 26px;
	padding: 0 17px;
	border-radius: var(--radius-pill);
	font-size: 12.5px;
	font-weight: var(--font-weight-medium);
	line-height: 1;
	white-space: nowrap;
}

.category-badge--white {
	background: var(--color-white);
	color: var(--color-black);
}

.category-badge--hub {
	background: var(--color-hub);
	color: var(--color-white);
}

.category-badge--accent {
	background: var(--color-pink);
	color: var(--color-white);
}