/* Post Layout Styles */
.post_article {
	height: 100%;
}

.post-wrapper {
	position: relative; display: block;
	text-decoration: none; color: inherit;
	height: 100%;
}

.post-wrapper::before {
	content: ''; position: absolute; inset: 0; z-index: 2;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

.post-wrapper .post-image {
	position: relative; z-index: 1;
}

.post-wrapper .post-image img {
	width: 100%; aspect-ratio: 5/6; object-fit: cover; display: block;
}

.post-wrapper .post-content {
	display: flex; flex-direction: column; gap: 1rem;
	position: absolute; bottom: 0; left: 0; z-index: 3;
	width: 100%; padding: 1.5rem; color: #ffffff;
}

.post-wrapper .post-content .read-more {
	display: flex; align-items: center; gap: 0.5rem;
}