[data-animate]{
  opacity: 0;
  transform: translateY(18px) scale(.995);
  transition: opacity .7s ease, transform .7s ease;
  will-change: transform, opacity;
}
[data-animate].is-in{
  opacity: 1;
  transform: translateY(0) scale(1);
}
.card, .btn, .accordion__btn{
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.card:hover{ transform: translateY(-4px); border-color: rgba(167,139,250,.24); }
.btn:hover{ transform: translateY(-2px); }