.next-article {
  background: #fff;
  box-shadow: 1em 1em 2em .25em rgba(0,0,0,.2);
  padding: .5em 0px .5em 1em;
  position: absolute;
    right: 0;
  -webkit-transform: rotateZ(-3deg) translateX(500px);
          transform: rotateZ(-3deg) translateX(500px);
  -webkit-transition: all .5s 1s cubic-bezier(0,1,.3,1);
  transition: all .3s 0.8s cubic-bezier(0,1,.3,1);
  width: 340px !important;
  z-index: 10;
}

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

.next-article.is-visible:hover {
	background: #000;
	color:#fff;
}


.prev-article {
  background: #fff;
  box-shadow: 1em 1em 2em .25em rgba(0,0,0,.2);
  padding: 30px 20px;
  position: absolute;
    right: 0;
    top: auto !important;
    bottom:-140px !important;
  -webkit-transform: rotateZ(-3deg) translateX(500px);
          transform: rotateZ(-3deg) translateX(500px);
  -webkit-transition: all .5s 1s cubic-bezier(0,1,.3,1);
  transition: all .3s 0.8s cubic-bezier(0,1,.3,1);
  width: 400px !important;
  z-index: 10;
  visibility: hidden;
}

.prev-article.is-visible {
  -webkit-transform: rotateZ(3deg) translateX(25px);
          transform: rotateZ(3deg) translateX(25px);
          visibility: visible;
}

.prev-article.is-visible span {
	text-transform: uppercase;
}

.prev-article.is-visible span:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 768px){ 
.prev-article {
	width:100% !important;
}
}