.bx-label{
  display: inline-block;
  padding: 1px 3px;
  border-radius: 1px;
  font-size: 12px;
  color: #fff;
  background-color: #f43030;
}
.bx-label-content{
  vertical-align: -2px;
}
.bx-label--sm{
  font-size: 10px;
}
.bx-label--md{
  font-size: 12px;
}
.bx-label--lg{
  font-size: 14px;
}
.bx-label-scale{
  display: inline-block;
  padding: 2px 6px;
  border-radius: 2px;
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
  background-color: #f43030;
  transform-origin: 0 0;
  transform: scale(.5);
}
.bx-label-table{
  display: table;
  padding: 1px 3px;
  border-radius: 1px;
  font-size: 10px;
  color: #fff;
  background-color: #f43030;
}
.bx-label-cell{
  display: table-cell;
  vertical-align: middle;
}
.bx-label--red{
  background-color: #f43030;
  &.bx-label--plain{
    border: 1px solid #f43030;
    color: #f43030;
  }
}
.bx-label--orange{
  background-color: #ff5000;
  &.bx-label--plain{
    border: 1px solid #ff5000;
    color: #ff5000;
  }
}
.bx-label--yellow{
  background-color: #ff9900;
  &.bx-label--plain{
    border: 1px solid #ff9900;
    color: #ff9900;
  }
}
.bx-label--gray{
  background-color: #999;
  &.bx-label--plain{
    border: 1px solid #999;
    color: #999;
  }
}
.bx-label--plain{
  border: 1px solid #f43030;
  color: #f43030;
  background-color: transparent;
  .bx-label--red{
    border: 1px solid #f43030;
    color: #f43030;
  }
  .bx-label--orange{
    border: 1px solid #ff5000;
    color: #ff5000;
  }
  .bx-label--yellow{
    border: 1px solid #ff9900;
    color: #ff9900;
  }
  .bx-label--gray{
    border: 1px solid #999;
    color: #999;
  }
}