
.notification {
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 1em;
  padding: 0 1em;
  min-width: 14em;
  width: 20%;
  max-width: calc(100% - 2em);
  background-color: #fff;
  border: solid 1px #e4e4e4;
  border-radius: 3px;
  overflow-x: hidden;
  transition: opacity ease 0.3s, transform ease 0.3s, bottom ease 0.6s;
  @include lift($z-popup * 2, $z-popup * 2);

  &.hidden {
    transform: translateX(-40px);
  }

  h4 {
    margin: 1em 0;
  }

  .meter {
    margin: 0 -1em;
    height: 3px;
    background-color: #e4e4e4;
    overflow: hidden;

    > .meter-bar {
      min-width: 0.25em;
      height: 100%;
      background-color: $color-primary;
      transition: width ease 0.3s;
    }
  }
}


.notification {
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 1em;
  padding: 0 1em;
  min-width: 14em;
  width: 20%;
  max-width: calc(100% - 2em);
  background-color: #fff;
  border: solid 1px #e4e4e4;
  border-radius: 3px;
  overflow-x: hidden;
  transition: opacity ease 0.3s, transform ease 0.3s, bottom ease 0.6s;
  @include lift($z-popup * 2, $z-popup * 2);

  &.hidden {
    transform: translateX(-40px);
  }

  h4 {
    margin: 1em 0;
  }

  .meter {
    margin: 0 -1em;
    height: 3px;
    background-color: #e4e4e4;
    overflow: hidden;

    > .meter-bar {
      min-width: 0.25em;
      height: 100%;
      background-color: $color-primary;
      box-shadow: 1px 0 2px $color-primary;
      transition: width ease 0.3s;
    }
  }
}

Add meter bar color glow
Add meter bar color glow
