.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);
}