/*# sourceMappingURL=styles.css.map */

.related-posts {
	padding: 2.3rem 0 3rem;
	background-color: var(--gray-light);
	line-height: var(--secondary-line-heigh);
}

@media (min-width: 1024px) {
	.related-posts {
		padding: 4.35rem 0 3rem;
	}
}

@media (min-width: 1024px) {
	.related-posts__items {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 1.75rem;
	}
}

.related-posts__card {
	position: relative;
}

.related-posts__card:not(:last-child) {
	margin-bottom: 1.9rem;
}

.related-posts__card_figure {
	margin: 0;
}

.related-posts__card_image {
	width: 100%;
	height: 18.5rem;
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
}

@media (min-width: 1024px) {
	.related-posts__card_image {
		height: 21.75rem;
	}
}

.related-posts__card_caption {
	background-color: var(--white-pure);
	padding: 1rem 1.5rem;
	min-height: 9rem;
	transition: background-color .6s, color .6s;
}

@media (min-width: 1024px) {
	.related-posts__card_caption {
		min-height: 12rem;
	}
}

.related-posts__card_caption_title {
	font-size: 1.43rem;
	font-weight: 800;
	margin-bottom: .35rem;
}

@media (min-width: 1024px) {
	.related-posts__card_caption_title {
		margin-bottom: .65rem;
	}
}

.related-posts__card_caption_text {
	font-size: 1.11rem;
}

.related-posts__card_caption .brand-button {
	margin-top: 1.5rem;
}

.related-posts__card_link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.related-posts__card:hover .related-posts__card_caption {
	background-color: var(--gray-deep);
	color: var(--white-pure);
}