@import '../variables.less';
@import '../mixins.less';

.wm-label {
  display: flex;
  flex-direction: row;
  margin-right: @spacing-4;
  flex-shrink: 0;
  border-radius: @border-radius-2;
  overflow: hidden;

  .text {
    padding: 0 @spacing-4;
    font-size: @font-size-10;
    color: inherit;
  }

  &-default {
    border: @border-width solid @color-brand;
    color: @color-brand;
  }

  &-red {
    border: 0;
    color: @color-white;
    background: @color-gradient-red;
    font-family: auto;
  }

  &-gold {
    border: 0;
    color: @color-white;
    background: @color-gradient-primary;
    font-family: auto;
  }

  &-green {
    border: 0;
    color: @color-white;
    background: @color-gradient-green;
    font-family: auto;
  }
}