.posts-navigation {
	padding-top: rem-calc(60);
	border-top: 1px solid #eee;
	text-align: center;
	font-size: rem-calc(20);

	> ul {
		list-style: none;
		margin: 0;
		display: flex;
		justify-content: center;
	}

	li {
		display: flex;
		align-items: center;
		margin-bottom: 0;
		color: #000;

		.page-numbers {
			opacity: 0.5;
			color: inherit; 
			font-size: rem-calc(20);
			font-weight: 400;
			line-height: 1rem; 
			margin-right: rem-calc(32); 
			display: flex;
			align-items: center;

			&.current {
				opacity: 1;
			}

			&:hover {
				opacity: 1;
			}
		}

		.prev,
		.next {
			font-size: 0;
			display: flex;

			&:before {
				font-size: rem-calc(16);
			    margin-bottom: 5px;				
			}
		}

		.next {
			margin-right: 0;
		}

		.prev:before {
			@include barberry-icon('\ea0e');	
		}

		.next:before {
			@include barberry-icon('\ea0f');
		}						
	}

}