// ============================================================================
// :: ARTICLE FEATURES
// ============================================================================
.m-article-featured {
	position: relative;

	display: flex;
	flex-direction: column;

	pointer-events: auto;

	@include respond-at($screen-small-base) {
		flex-direction: row;
	}
}

// ============================================================================
// :: Components
// ============================================================================
.m-article-featured__link {
	position: relative;

	display: flex;
	width: 100%;
	height: auto;
}

.m-article-featured__picture {
	position: relative;

	display: block;
	width: 100%;
	min-height: 20rem;

	@include respond-at($screen-small-base) {
		width: 50%;
	}

	@include respond-at($screen-small-base) {
		width: 60%;
	}
}

.m-article-featured__image {
	position: absolute;

	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.m-article-featured__content {
	width: 100%;
	padding: 4rem 2rem;

	background-color: $background-color-grey-extra-light;

	@include respond-at($screen-small-base) {
		padding: 4rem;
	}

	@include respond-at($screen-small-base) {
		width: 50%;
	}

	@include respond-at($screen-medium-base) {
		width: 40%;
		padding: 4rem 7rem 6rem 11rem;
	}
}

.m-article-featured__content__text {
	margin-top: 2rem;
}

.m-article-featured__content__buttons {
	position: relative;

	margin-top: 2rem !important; /* stylelint-disable-line */

	@include respond-at($screen-small-base) {
		margin-top: 4rem !important; /* stylelint-disable-line */
	}
}