@use '../../../../mx-core/src/base/typography';
@use '../../../../mx-core/src/base/shape';

:host {
  display: inline-block;
}

.mx-text-badge {
  @extend .gl-label-sm, .rounded-x-lg;
  padding: 4px 8px;
  box-sizing: border-box;
  height: 24px;
  display: flex;
  align-items: center;

  &--outlined {
    border-width: 1px;
    border-style: solid;
  }
}