.daimyo-hr-post-label {
  display: inline-flex;
  gap: var(--spacing-xxxs);
  align-items: center;
  height: 1.75rem; 
  padding-inline: var(--spacing-sm);
  border-radius: var(--border-radius-infinity);
  font-size: var(--typography-label-xs-bold-font-size);
  font-weight: var(--typography-label-xs-bold-font-weight);
  letter-spacing: var(--typography-label-xs-bold-letter-spacing);
  line-height: var(--typography-label-xs-bold-line-height);
  text-decoration: none;
  white-space: nowrap;
}


.daimyo-hr-post-label:hover {
  opacity: 0.5;
}


.daimyo-hr-post-label--lg {
  height: 2rem; 
  font-size: var(--typography-label-sm-bold-font-size);
  font-weight: var(--typography-label-sm-bold-font-weight);
  letter-spacing: var(--typography-label-sm-bold-letter-spacing);
  line-height: var(--typography-label-sm-bold-line-height);
}


.daimyo-hr-post-label--sm {
  height: 1.5rem; 
}


.daimyo-hr-post-label--post_tag {
  background-color: var(--color-background-brand);
  color: var(--color-brand-40);
}


.daimyo-hr-post-label--service,
.daimyo-hr-post-label--size {
  background-color: var(--color-background-subtler);
  color: var(--color-text-subtle);
}


.daimyo-hr-post-label--post_tag::before,
.daimyo-hr-post-label--service::before {
  content: "#" / "";
}


.daimyo-hr-post-label--size::before {
  flex: none;
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
  background-color: currentcolor;
  content: "";
  mask: url("../images/icons/building.svg") no-repeat center / cover;
}