/**
 * Block : Push
 * =================================
 *
 *
 *
 */

.push__box {
  position: relative;
  z-index: 0;
  background-image: url("bg-cta.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 480px) {
  .push__box {
    background-position: 70% 50%;
  }
}

.push__box.active > svg {
  animation-play-state: running;
}

.push__box > svg {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
  width: 28%;
  height: 85%;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 2.5s linear forwards;
  animation-play-state: paused;
}

@media screen and (max-width: 480px) {
  .push__box > svg {
    width: 55%;
    height: 100%;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}