.next-article {
  background-image: linear-gradient(90deg, #FC5E55  0%, rgb(243, 165, 5) 100%);
  box-shadow: 1em 1em 2em .25em rgba(0,0,0,.2);
  padding: .5em 50px .5em 1em;
  position: absolute;
    right: 0;
  -webkit-transform: rotateZ(-5deg) translateX(500px);
          transform: rotateZ(-5deg) translateX(500px);
  -webkit-transition: all .5s 1s cubic-bezier(0,1,.3,1);
  transition: all .5s 1s cubic-bezier(0,1,.3,1);
  width: 400px;
  z-index: 10;
  color:blanchedalmond
}

.next-article.is-visible {
  -webkit-transform: rotateZ(5deg) translateX(50px);
          transform: rotateZ(5deg) translateX(50px);
}