.redirection-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 10000;
    display: none;
    opacity: 0; }
    .redirection-popup.active {
      display: block;
      opacity: 1; }
    .redirection-popup__content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: all 0ms; }
      .redirection-popup__content p {
        text-align: center;
        font-size: rem(26px); }
    .redirection-popup__butterfly {
      display: block;
      width: 150px;
      height: 150px;
      /*
      background: url("../img/butterfly-sprites.png") 0 0 no-repeat;
      background-size: 1800px 150px;
      animation: butterflySprite 1s steps(1) infinite;
      */
     }
  
  @keyframes butterflySprite {
    0% {background-position: 0 0;}
    8% {background-position: -150px 0;}
    16% {background-position: -300px 0;}
    24% {background-position: -450px 0;}
    32% {background-position: -600px 0;}
    40% {background-position: -750px 0;}
    48% {background-position: -900px 0;}
    56% {background-position: -1050px 0;}
    65% {background-position: -1200px 0;}
    74% {background-position: -1350px 0;}
    83% {background-position: -1500px 0;}
    91% {background-position: -1650px 0;}
  }