.notification {
  width: 95%;
  margin: 0 auto;
  @include breakpoints-up(lg) {
    width: 80%
  }
  :deep(.v-snackbar__wrapper) {
    width: 100%;
    min-width: 0;
    margin-bottom: $spacing2;
    max-width: none;
    font-size: 16px;
    color: $palette-common-white;
    background: $palette-primary-dark;
    margin: 0;
    @include breakpoints-up(sm) {
      padding: spacing(0.5, 2)
    }
    .v-snackbar__content {
      display: flex;
      align-items: center;
      .action {
        @include breakpoints-up(sm) {
          flex: 1;
        }
        @include breakpoints-down(xs) {
          text-align: center
        }
      }
    } 
  }
  .button.v-btn {
    width: 100%;
    color: $palette-primary-dark !important;
    @include breakpoints-up(sm) {
      width: 150px;
    }
  }
}


.action {
  @include breakpoints-down(xs) {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: $spacing2
  }
}