.subtitle-style-background[class*="subtitle"] {
	display: inline-block;
	padding: 6px 10px;
	font-weight: 600;
	line-height: 1.2;
	font-size: 14px;
	border-radius: calc(var(--wd-brd-radius) / 1.5);
}

.subtitle-color-default.subtitle-style-default {
	color: var(--color-gray-400);
}

.subtitle-color-default.subtitle-style-background {
	background-color: #f1f1f1;
	color: #333;
}

.subtitle-color-primary.subtitle-style-default {
	color: var(--wd-primary-color);
}

.subtitle-color-primary.subtitle-style-background {
	color: #fff;
	background-color: var(--wd-primary-color);
}

.subtitle-color-alt.subtitle-style-default {
	color: var(--wd-alternative-color);
}

.subtitle-color-alt.subtitle-style-background {
	color: #fff;
	background-color: var(--wd-alternative-color);
}