.alert {
  padding: 10px 20px;
  display: inline-block;
  width: 100%;
  position: relative;
  &--error {
    background-color: $alert-bg-error;
    color: $alert-color-error-text;
    border-left: 2px solid $alert-border-color-error;
    &__big {
      background-color: $alert-bg-error;
      color: $alert-color-error-text;
      border-top: 2px solid $alert-border-color-error;
    }
  }
  &--warning {
    background-color: $alert-bg-warning;
    color: $alert-color-warning-text;
    border-left: 2px solid $alert-border-color-warning;
  }
  &--success {
    background-color: $alert-bg-success;
    color: $alert-color-success-text;
    border-left: 2px solid $alert-border-color-success;
  }
}