.fancybox-button svg {color: red;}
.fancybox-modal-header {margin: 0 auto;} /*font-size=24 в коде*/
.fancybox-modal-content {font-size: 17px;}
.fancybox-modal-close-button {font-size: 17px; width: 200px; margin: 0 auto; margin-top: 15px;}

        /* Start state */
.animated-modal {
  max-width: 350px;
  overflow: hidden;

  transform: translateY(-50px);
  transition: all .7s;
}

.animated-modal .fancybox-modal-header,
.animated-modal .fancybox-modal-content,
.animated-modal .fancybox-modal-close-button {
  transform: translateY(-50px);
  opacity: 0;
  
  transition-property: transform, opacity;
  transition-duration: .4s;
}

/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal .fancybox-modal-header,
.fancybox-slide--current .animated-modal .fancybox-modal-content,
.fancybox-slide--current .animated-modal .fancybox-modal-close-button{
  transform: translateY(0);
  opacity: 1;
}

/* Reveal content with different delays */
.fancybox-slide--current .animated-modal .fancybox-modal-header {
  transition-delay: .1s;
}

.fancybox-slide--current .animated-modal .fancybox-modal-content {
  transition-delay: .3s;
}

.fancybox-slide--current .animated-modal .fancybox-modal-close-button {
  transition-delay: .5s;
}


.fancybox-modal-close-button {
  margin-top: 10px; 
  padding: 10px; 
  border-radius: 4px; 
  border: 1px solid #444; 
  color: #444; 
  background: #ededed;
}