rawr.scss

#rawr {
  width: 400px;
  height: 600px;
  position: fixed;
  bottom: -600px;
  right: -400px;
  display: none;
  z-index: -1;
  &[animate] {
    display: block;
    z-index: 999999;
    animation: show 400ms cubic-bezier(0.54, 0.72, 0.92, 1.78) 0s 1, strike 2600ms cubic-bezier(0.4, 0, 1, 1) 400ms 1;
  }
}
@keyframes show {
  0% {
    bottom: -600px;
    right: 100px;
  }
  100% {
    bottom: -130px;
    right: 100px;
  }
}
@keyframes strike {
  0% {
    bottom: -130px;
    right: 100px;
  }
  13% {
    bottom: -130px;
    right: 100px;
  }
  100% {
    bottom: -130px;
    right: 100%;
  }
}