.tps_prevPost {
	display: none;
}

.tps_nextPost {
	display: none;
}

.tps_prevPost_content {
	transform: rotate(90deg);
	position: absolute;
	color: #0e0e0e;
	font-size: 14px;
	background: #fff;
	padding: 20px 20px 20px 70px;
	right: -30px;
	top: -300px;
	transition: 0.6s;
	border: 1px solid #ddd;
	z-index: -1;
	display: flex;
	flex-direction: column;
	width: 240px;
}

.tps_nextPost_content {
	transform: rotate(-90deg);
	position: absolute;
	color: #0e0e0e;
	font-size: 14px;
	background: #fff;
	padding: 20px 70px 20px 20px;
	left: -30px;
	top: -300px;
	transition: 0.6s;
	border: 1px solid #ddd;
	z-index: -1;
	display: flex;
	flex-direction: column;
	width: 240px;
}

.tps_prevPost:hover .tps_prevPost_content {
	top: -10px;
}

.tps_nextPost:hover .tps_nextPost_content {
	top: -20px;
}

@media (min-width: 992px) {
	.tps_prevPost {
		position: fixed;
		left: -20px;
		top: 50%;
		transform: rotate(-90deg);
		font-size: 16px;
		padding: 0 10px 10px;
		color: #0e0e0e;
		z-index: 10;
		display: block;
	}

	.tps_nextPost {
		position: fixed;
		right: -20px;
		top: 50%;
		transform: rotate(90deg);
		font-size: 16px;
		padding: 0 10px 10px;
		color: #0e0e0e;
		z-index: 10;
		display: block;
	}
}