.compose-form-warning {
  color: $inverted-text-color;
  margin-bottom: 10px;
  background: $ui-primary-color;
  box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);
  padding: 8px 10px;
  border-radius: 4px;

  @include text-sizing(13px, 400);

  strong {
    color: $inverted-text-color;
    font-weight: 500;

    @each $lang in $cjk-langs {
      &:lang(#{$lang}) {
        font-weight: 700;
      }
    }
  }

  a {
    color: $lighter-text-color;
    font-weight: 500;
    text-decoration: underline;

    &:hover,
    &:active,
    &:focus {
      text-decoration: none;
    }
  }
}