.usa-tag {
  @include border-box-sizing;
  @include u-font("ui", "2xs");
  text-transform: none;
  background-color: color("primary-lightest");
  color: color("primary-darker");
  border-radius: radius("sm");
  display: inline-block;
  margin-top: 0;
  margin-right: units(0.5);
  margin-bottom: units(1);
  padding: units(1px) units(1);

  &:only-of-type {
    margin-right: 0;
  }

  + h3 {
    margin-top: 1rem;
  }

  .field__item  {
    display: inline;

    &:not(:last-child):after {
      content: ', ';
    }
  }
}

a.usa-tag {
  border-bottom: 0;
}

.usa-tag--big {
  @include u-font("ui", $theme-body-font-size);
  font-size: 1.7rem;
  padding: 0.4rem 1.2rem 0.4rem 1rem;
}