.btn {
margin:.5rem;
}
.slide_right {
border:none;
background-position: right;
background: linear-gradient(to right, #00356f 50%,#007bff 50%) no-repeat scroll right bottom / 210% 100% #007bff;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
}
.slide_right:hover, .slide_right.active {
background-position: left;
color: #ffffff;
}
.slide_right_alt {
border:none;
background-position: right;
background: linear-gradient(to right, #007bff 50%,#00356f 50%) no-repeat scroll right bottom / 210% 100% #007bff;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
}
.slide_right_alt:hover, .slide_right_alt.active {
background-position: left;
color: #ffffff;
}
.slide_left {
border:none;
background-position: left;
background: linear-gradient(to left, #00356f 50%,#007bff 50%) no-repeat scroll left bottom / 210% 100% #007bff;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;