.notification {
  &.it25-snackbar {
    border-radius: 8px;
    padding: 1.2rem;
    box-shadow: 0 4px 13px 0 rgba(217, 217, 217, 1);
    //title
    .h5 {
      font-weight: 600;
      font-size: 16px;
      color: $primary-blue;
    }
    p {
      color: $primary-gray;
    }
    button {
      color: $primary-gray;
    }
    //icon version
    &.with-icon {
      border-left: 8px solid;
      &.success {
        border-color: $success;
      }
      &.danger {
        border-color: $danger;
        .icon {
          fill: $danger;
        }
      }
      &.warning {
        border-color: $warning;
      }
      &.info {
        border-color: $info;
        .icon {
          fill: $info;
        }
      }
    }
  }
}

//Tablet vertical
@include media-breakpoint-up(md) {
  .notification {
    &.left-bottom-fix {
      left: 16px;
      bottom: 16px;
    }
  }
}