.pill {
  font-size: 12px;
  font-weight: initial;
  line-height: 18px;
  padding: 1px 8px;
  border: 1px solid;
  margin-right: 8px;
  color: var(--cohesivo-primary-80);
}
.pill--headless {
  color: var(--cohesivo-error-80);
  border-color: var(--cohesivo-error-80);
}
.pill--headless::after {
  content: "Headless";
}
.pill--experience {
  color: var(--cohesivo-warning-110);
  border-color: var(--cohesivo-warning-110);
}
.pill--experience::after {
  content: "Experience";
}
.pill--commerce {
  color: var(--cohesivo-primary-80);
  border-color: var(--cohesivo-primary-80);
}
.pill--commerce::after {
  content: "Commerce";
}
.pill--lts-update {
  color: var(--cohesivo-info-80);
  border-color: var(--cohesivo-info-80);
}
.pill--lts-update::after {
  content: "LTS Update";
}
.pill--new-feature {
  color: var(--cohesivo-success-100);
  border-color: var(--cohesivo-success-100);
}
.pill--new-feature::after {
  content: "New feature";
}
.pill--first-release {
  color: var(--cohesivo-success-100);
  border-color: var(--cohesivo-success-100);
}
.pill--first-release::after {
  content: "First release";
}
.pill--inline:first-of-type {
  margin-left: 8px;
}
.pill--new {
  margin-right: 15px;
  align-self: center;
  color: var(--cohesivo-info-80);
  text-transform: lowercase;
}

div.pills {
  float: right;
}