.notification {
  @extend %flexbox-column;
  @include font-size(14);
  width: 100%;
  border-radius: $border-radius-input;
  box-shadow: 0 4px 5px 0 rgba($color-black, .14), 0 1px 10px 0 rgba($color-black, .12), 0 2px 4px -1px rgba($color-black, .3);
  padding: $margin-normal $margin-normal $margin-double $margin-double;
  background: $color-white;

  @include breakpoint(sm) {
    @include font-size(18);
    width: 310px;
  }

  .close {
    align-self: flex-end;
    cursor: pointer;
    width: $margin-double;
    height: $margin-double;
  }

  .text {
    padding-right: $margin-enterprise;
  }

  a {
    color: currentColor;
    text-decoration: underline;
  }
}