// ============================================================================
// :: SEARCH RESULT
// ============================================================================
.m-search-result {
	position: relative;

	padding: 2rem;

	border-radius: 1rem;
	background-color: transparent;

	transition: background-color 0.3s ease-in-out;

	cursor: pointer;
	pointer-events: auto;

	&:hover {
		background-color: $background-color-white;

		.m-search-result__content,
		.m-search-result__header {
			transform: translateX(0.6rem);
		}
	}
}

// ============================================================================
// :: Elements
// ============================================================================
.m-search-result__link {
	position: absolute;
	top: 0;
	left: 0;
	z-index: $z-index-highest;

	width: 100%;
	height: 100%;
}

.m-search-result__header {
	margin-bottom: 0.6rem;

	transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.m-search-result__content {
	transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);

	.a-tag {
		position: relative;
	}

	> *:not(:last-child) {
		margin-bottom: 1rem;
	}
}

.m-search-result__content__text {
	display: -webkit-box;

	overflow: hidden;

	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}