.sui-m-message {
  border: $sui-size-border solid rgba(0, 0, 0, .1);
  border-left-width: $sui-size-border*4;
  background: $sui-color-brand-denim-300;
  padding: $sui-space-sm $sui-space-md;
  border-radius: $sui-border-radius-md;
  margin-bottom: $sui-space-md;

  & > :first-child {
    margin-top: 0;
  }

  & > :last-child {
    margin-bottom: 0;
  }

  a:not(.sui-a-button) {
    color: inherit !important;
  }

  &.as--primary {
    color: contrast($sui-color-primary);
    background: $sui-color-primary;
  }

  &.as--success {
    color: contrast($sui-color-success);
    background: $sui-color-success;
  }

  &.as--warning {
    color: contrast($sui-color-warning);
    background: $sui-color-warning;
  }

  &.as--danger {
    color: contrast($sui-color-danger);
    background: $sui-color-danger;
  }

  &.as--light {
    background: $sui-color-brand-denim-200;

    &.as--primary {
      color: $sui-color-primary-dark;
      background: $sui-color-primary-light;
    }

    &.as--success {
      color: $sui-color-success-dark;
      background: $sui-color-success-light;
    }

    &.as--warning {
      color: $sui-color-warning-dark;
      background: $sui-color-warning-light;
    }

    &.as--danger {
      color: $sui-color-danger-dark;
      background: $sui-color-danger-light;
    }
  }

  &.as--sm {
    font-size: $sui-font-size-sm;
    padding: $sui-space-xs $sui-space-sm;
    border-width: 0;
  }
}
