.label-icon {
  background: $color-beige-200;
  font-weight: bold;
  font-style: italic;
  padding: 7px 10px;
  height: 32px;
}

.hero-label {
  @include font-size(14);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: $margin-double;
  border-radius: $border-radius-half;
  padding: 0 $margin-half;

  @include breakpoint(sm) {
    @include font-size(18);
    height: $margin-triple;
    border-radius: $border-radius-normal;
  }
}