.c-alert {
  position: relative;
  -webkit-animation: opacity 0.5s ease-in-out;
     -moz-animation: opacity 0.5s ease-in-out;
       -o-animation: opacity 0.5s ease-in-out;
          animation: opacity 0.5s ease-in-out;
  padding: 15px 20px;
  margin: 10px 0;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  color: #3A99D8;
  background: #E5EBF1; }
  @media only screen and (min-width: 551px) {
    .c-alert {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
         -moz-box-orient: horizontal;
         -moz-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px;
      font-size: 15px;
      line-height: 20px; } }
  .c-alert p {
    margin: 0; }
  .c-alert .c-alert__message {
    overflow-wrap: break-word;
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0; }
  .c-alert .c-alert__date {
    font-size: 11px;
    line-height: 15px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 5px; }
    @media only screen and (min-width: 551px) {
      .c-alert .c-alert__date {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
           -moz-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin-left: 20px;
        margin-bottom: 0;
        font-size: 13px;
        line-height: 20px; } }
  .c-alert.c-alert--error {
    color: #C83329;
    background: #F6C2BE; }
  .c-alert.c-alert--success {
    color: #00C67F;
    background: #C4EDDE; }
  .c-alert.c-alert--neutral {
    color: #6f6f6f;
    background: #dedede; }