#box .nav-links .next,
#box .nav-links .prev{
	padding: 0;
}

#box .nav-links .icon-inline .svg-icon svg{
	fill: var(--colorDarkMuted);
	color: currentColor;
	max-width: 1em;
	max-height: 1em;
}

#box .nav-links .icon-inline{
	vertical-align: bottom;
}

#box .nav-links,
#box .page-links{
	line-height: 1;
	clear: both;
	margin: 2em 0;
}

#box .nav-links:before,
#box .nav-links:after,
#box .page-links:before,
#box .page-links:after{
	content: '';
	display: block;
	clear: both;
}

#box .nav-links:last-child,
#box .page-links:last-child{
	margin-bottom: 0;
}

#box .nav-links a,
#box .nav-links .current,
#box .page-links a,
#box .page-links .current{
	display: inline-block;
	margin: 3px;
	padding: 0;
	font-size: inherit;
	min-width: 50px;
	line-height: 50px;
	text-align: center;
	background: transparent;
	border-radius: 50px;
}

#box .nav-links a .svg-icon,
#box .nav-links .current .svg-icon,
#box .page-links a .svg-icon,
#box .page-links .current .svg-icon{
	line-height: inherit;
}

#box .nav-links a:hover,
#box .nav-links a:focus,
#box .page-links a:hover,
#box .page-links a:focus{
	background-color: var(--colorMain);
	color: #fff;
}

#box .nav-links .current,
#box .page-links .current{
	background-color: var(--colorMain);
	color: #fff;
}

#box .page-links > span:first-child{
	border: none;
	padding-right: .5em;
	padding-left: 0;
}