nav.post-navigation {
	border-top: 1px solid var(--resa_border_color);
	border-bottom: 1px solid var(--resa_border_color);
	margin-top: 20px;

	.nav-previous {
		padding-top: 30px;
		padding-bottom: 30px;
		float: left;
		width: 50%;
		padding-right: 15px;
		padding-left: 2px;

		a {
			display: flex;
		}

		img {
			border-radius: 5px;
			margin-right: 15px;
		}

		.title {
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			font-size: 14px;
			line-height: 24px;
			font-weight: 700;
			font-family: var(--resa_system_font_family);
		}

		.reader-text {
			display: block;
			color: var(--resa_light_text_color);
			position: relative;
			font-size: 12px;
			line-height: 20px;
			text-transform: uppercase;

			i {
				font-weight: bold;
				margin-top: -2px;
				margin-right: 6px;
			}
		}
	}

	.nav-next {
		padding-top: 30px;
		padding-bottom: 30px;
		float: right;
		text-align: right;
		width: 50%;
		padding-left: 15px;
		padding-right: 2px;

		a {
			display: flex;
		}

		img {
			border-radius: 5px;
			margin-left: 15px;
		}

		.title {
			-webkit-box-orient: vertical;
			overflow: hidden;
			line-height: 24px;
			font-weight: 700;
			font-family: var(--resa_system_font_family);
		}

		.reader-text {
			display: block;
			color: var(--resa_light_text_color);
			position: relative;
			font-size: 12px;
			line-height: 20px;
			text-transform: uppercase;

			i {
				font-weight: bold;
				margin-top: -2px;
				margin-left: 6px;
			}
		}
	}
}
