@import "../style/colors.scss";
@import "../style/typography.scss";

.la-label {
  background: rgba(54, 68, 79, 0.05);
  border-radius: 5px;
  padding: 0 14px;
  display: inline-block;
  color: $midnight-4;

  &.la-label--info {
    background: $blue-2;
    color: $blue-5;
  }

  &.la-label--warning {
    background: $yellow-2;
    color: $yellow-5;
  }

  &.la-label--danger {
    background: $red-2;
    color: $red-5;
  }
}