.tag
{
  display: inline-flex;
  align-items: center;
  font-size: 75%;
  background-color: $yellow;
  color: $black;
  padding: 0.4rem 0.5rem 0.2rem 0.5rem;
  margin-bottom: .4rem;
  text-transform: uppercase;

  svg
  {
    padding-left: .5em;
    width: 1.8em;
    height: 1.8em;
  }

  &.green
  {
    background-color: $green;
  }

  &.red
  {
    color: $white;
    background-color: $red;
  }

  &.gray
  {
    background-color: $gray;
  }

  &.gray-light
  {
    background-color: $gray-light;
  }
}