$hover-transition: .3s ease all;

.nav-links {
	padding-top: 20px;

	.nav-next,
	.nav-previous {
		font-weight: bold;
		display: inline-block;

		a {
			padding: rem-calc(10px 12px);
			background: #F5F5F5;
			color: #4A4A4A;
			transition: $hover-transition;

			&:hover {
				color: #242424;
				background: #dfdfdf;
				text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
			}
		}
	}

	.nav-next {
		float: right;
	}
}