.AdjacentPosts{
	display:flex;
	flex-wrap:wrap;
}
.AdjacentPost{
	width:50%;
	position:relative;
	overflow:hidden;
	min-height:calc(var(--space)*4);
	cursor:pointer;
	background-color:#000;
	flex-grow:1;
}
.AdjacentPost:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:50%;
	bottom:0;
	left:0;
	background:linear-gradient(0deg, rgb(0 0 0 / 75%), rgb(0 0 0 / 0));
	transition:0.3s ease;
	opacity:1;
	pointer-events:none;
}
.AdjacentPost:hover:after{
	opacity:0.5;
}
.AdjacentPost_lien{
	width:100%;
	height:100%;
	position:relative;
	display:flex;
	align-items:flex-end;
	padding:calc(var(--space)/3) calc(var(--space)/2);
}
.PreviousPost .AdjacentPost_lien{
	justify-content:flex-start;
	text-align:left;
}
.NextPost .AdjacentPost_lien{
	justify-content:flex-end;
	text-align:right;
}
.AdjacentPost_image{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	object-fit:cover;
	object-position:center;
	transition:0.3s ease;
	opacity:0.5;
	pointer-events:none;
}
.AdjacentPost:hover .AdjacentPost_image{
	transform:scale(1.1);
	opacity:0.75;
}
.AdjacentPost_titre{
	position:relative;
	color:#fff;
	font-weight:bold;
	z-index:9;
}
@media (max-width:767px){
	.AdjacentPost{
		width:100%;
		min-height:calc(var(--space)*6);
	}
}
@media (max-width:479px){
	.AdjacentPost_lien{
		padding:calc(var(--space)/2) var(--space);
		min-height:calc(var(--space)*8);
	}
}