.single-line-alert {
  .v-alert__close,
  .v-alert__prepend {
    align-self: center !important;
  }
}

.v-alert__prepend {
  align-self: center;
}

.v-alert--variant-tonal {
  &.with-border {
    @each $color, $value in $theme-colors {
      &.text-#{$color} {
        border: 1px solid rgba(#{$value}, 0.3);
      }
    }
  }
}

@media (max-width: 500px) {
  .single-line-alert {
    display: flex;
    flex-wrap: wrap;
    .v-alert__append {
      margin-inline-start: 0px;
    }
    .v-alert__close {
      margin-left: auto;
    }
    .v-alert__content {
      width: 100%;
      margin-top: 5px;
    }
  }
}