.label {
  padding: 8px;

  border-radius: 5px;

  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  text-align: center;

  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;

  &--lg {
    padding-left: 1.6rem;
    padding-right: 1.6rem;

    font-size: 1.4rem;
  }

  &--top {
    background-color: #2184CB;
    color: $white;
  }

  &--new {
    background-color: $green;
    color: $white;
  }

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

  &--yellow {
    background-color: #FFEF61;
    color: $red;
  }

  &--blue {
    background-color: #3e47ca;
    color: #e6e080;
  }
}