.environment-label {
  position: relative;

  &::after {
    content: "Env";
    display: block;
    position: absolute;
    @include set-font(-1, "single", $transform: "uppercase");
    @include set-colors("theme");
    padding: 0 spacing(-5);
  }

  &--beta {
    &::after {
      content: "Beta";
      @include set-colors("utility-attention");
    }
  }

  &--test {
    &::after {
      content: "Test";
      @include set-colors("utility-warning");
    }
  }

  &--ocs-test {
    &::after {
      content: "OcsTest";
      @include set-colors("utility-warning");
    }
  }  

  &--dev {
    &::after {
      content: "Dev";
      @include set-colors("utility-warning");
    }
  }

  &--ocs-dev {
    &::after {
      content: "OcsDev";
      @include set-colors("utility-warning");
    }
  }  

  .toolbar &.button--text {
    &::after {
      right: spacing(-5, $times: -1);
      top: spacing(-4, $times: -1);
    }
  }

  &.nav__home {
    display: inline-flex;

    &::after {
      right: unset;
      left: -1.1em;
      top: -0.8em;

      @include breakpoint("wide") {
        left: -0.9em;
        top: 0.6em;
      }
    }
  }

  &.timetable-event-modal__type::after {
    position: static;
    margin-left: spacing(-5);
  }

  &.box::after {
    position: absolute;
    top: line-height("single", $times: -0.5);
    left: spacing(-3);
  }

  @at-root {
    h1#{&} {
      display: inline-block;
      clear: both;

      &::after {
        right: -3.1em;
        top: -0.2em;
      }
    }
  }
}