.status-beam {
  @include full-circle(14px);
  @include display-flex(center);
  position: relative;
  margin-right: 8px;

  &::after {
    content: "";
    @include full-circle(8px);
    position: absolute;
  }

  &-success {
    background: transparentize($success, 0.75);

    &::after {
      background: $success;
    }
  }

  &-warning {
    background: transparentize($warning, 0.75);

    &::after {
      background: $warning;
    }
  }

  &-error {
    background: transparentize($critical, 0.75);

    &::after {
      background: $critical;
    }
  }

  &-info {
    background: transparentize($info, 0.75);

    &::after {
      background: $info;
    }
  }
}