WP Page Navi Styling.scss

.wp-pagenavi {
	border-top: none;
	margin: 0 auto;
	padding-top: 4rem;
	text-align: center;
	width: 80%;
	a, span {
		color: #282828;
		font-size: 1.125rem !important;
		font-weight: inherit !important;
		margin: 0px 0.5rem;
	}
	a {
		cursor: pointer;
	}
	a:hover, span.current, .nextpostslink, .previouspostslink {
		color: $highlight !important;
	}
	/* #region width <= 650px */
	@media only screen and (width <= 650px) {
		width: 90%;
	}
	/* #endregion width <= 650px */
}