Magnific Popup - Success / Error Alert

index.js

// Закрыващем предыдущий попап (форму)

$.magnificPopup.close();

// Создаем задержку для завершения анимации закрытия

setTimeout(function(){
  $.magnificPopup.open({
      items: {
          src: $('#message-success')
      },
      type: 'inline',
      fixedBgPos: true,
      closeBtnInside: true,
      preloader: false,
      midClick: true,
      removalDelay: 300,
      mainClass: 'my-mfp-slide-bottom',
      fixedContentPos: true,
      showCloseBtn: false
 });
}, 300);

// Очищаем поля формы, если произошла успешная отправка

form.find('input[type="text"], textarea').val('');

main.css

.message-popup {
  position: relative;
  background: #fff;
  margin: 0 auto;
  max-width: 455px;
  text-align: center;
}

.message-popup__header {
  line-height: 30px;
  font-size: 24px;
  font-family: 'Lato Light', sans-serif;
  margin: 0;
  padding: 65px 0 65px 0;
}

.default-form-close-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    background: #eb0000;
    transition: background 0.3s ease;
}

markup.html

<div class="zoom-anim-dialog message-popup my-mfp-slide-bottom mfp-hide" id="message-error">
  <p class="message-popup__header">
    Ошибка! Попробуйте позже. <br>
    Или свяжитесь с нами по телефону <br><a class="empty-link phone-link" href="tel:+74444444444">+7 (444) 444-44-44</a>
  </p>
  <span class="js-close-button default-form-close-button"><i class="icon-close"></i></span>
</div>

<div class="zoom-anim-dialog message-popup my-mfp-slide-bottom mfp-hide" id="message-success">
    <p class="message-popup__header">
      Сообщение успешно отправлено
    </p>
    <span class="js-close-button default-form-close-button"><i class="icon-close"></i></span>
</div>

style.styl

.message-popup
  position relative
  background #fff
  margin 0 auto
  max-width 450px
  text-align center
  border 5px solid $firstColor

  &__header
    line-height 30px
    font-size 24px
    font-family 'UbuntuL', sans-serif
    margin 0
    padding 65px 15px 65px 15px