.prev-next-article *{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;		
}

.prev-next-article .button{
color: #FFF;
position: fixed;
top:375px;
font-size: 16px;		
z-index: 10;
font-weight:600;
width:30px;
-moz-transition:all 180ms linear;
-webkit-transition:all 180ms linear;
-o-transition:all 180ms linear;
transition:all 180ms linear;
overflow:hidden;
}

.prev-next-article .button:hover{width:245px;}

.prev-next-article .button.prev .link-wrap,
.prev-next-article .button.next .link-wrap{
height: 115px;
width:245px;
position:relative;
-moz-transition:transform 180ms linear;
-webkit-transition:transform 180ms linear;
-o-transition:transform 180ms linear;
transition:transform 180ms linear;
}

.prev-next-article .button.prev .link-wrap{left:-215px;}
.prev-next-article .button.next .link-wrap{right:-215px;}


.prev-next-article .button.prev:hover .link-wrap{
-moz-transform: translateX(215px);
-webkit-transform: translateX(215px);
-ms-transform: translateX(215px);
transform: translateX(215px);
}		

.prev-next-article .button.next:hover .link-wrap{
-moz-transform: translateX(-215px);
-webkit-transform: translateX(-215px);
-ms-transform: translateX(-215px);
transform: translateX(-215px);
}

.prev-next-article .button h4{
display: table-cell;
height: 115px;
vertical-align: middle;		
line-height: 1.2;
}

.prev-next-article .button.prev h4{padding: 0px 15px 0px 50px;text-align:right;}
.prev-next-article .button.next h4{padding: 0px 50px 0px 15px;}

.prev-next-article .button .arrow{
position: absolute;		
height:115px;
background: #FE5102;
width: 30px;
z-index: 15;
font-size: 25px;
text-align: center;
line-height:110px;
-moz-transition:all 180ms linear;
-webkit-transition:all 180ms linear;
-o-transition:all 180ms linear;
transition:all 180ms linear;
}

.prev-next-article .button:hover .arrow{background:transparent;}

.prev-next-article .button.prev{left:0;}
.prev-next-article .button.next{right:0;}

.prev-next-article .button.prev .arrow{left:0;}
.prev-next-article .button.next .arrow{right:0;}

.prev-next-article .button .text{
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
top: 0;
}

.prev-next-article .button.prev .text{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
}

.prev-next-article .button.next .text{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
}

.prev-next-article .button .img-wrap{
width:100%;
height:100%;
position: absolute;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}