/* js trigger */
/* modal btn */
.jsc-modalBtn::before ,
.jsc-modalBtn::after {
  transition: all .6s;
}
.jsc-modalBtn::before {
  transform: translateY(-50%) rotate(90deg);
}
.jsc-modalBtn.is-active::before {
  transform: rotate(135deg);
}
.jsc-modalBtn.is-active::after {
  transform: rotate(45deg);
}

/* modal */
.jsc-modal {
  transform: translateY(100px);
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
}
.jsc-modal.is-active {
  transform: translateY(0);
  opacity: 1;
  visibility: inherit;
}