/*
 * EG Course: "Back to the lesson" on an exercise opened from a lesson's "More practice"
 * (class-egc-practice.php). Above the exercise a small link, under it the lesson's title.
 */

.egc-back-lesson--top {
	margin: 0 0 18px;
	font-size: 15px;
	line-height: 1.4;
}

.egc-back-lesson--top a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 32px;
	color: var(--egc-button-bg, #3f6f23);
	font-weight: 650;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.egc-back-lesson--end {
	margin: 28px 0;
}

.egc-back-lesson--end a {
	display: block;
	padding: 14px 18px 15px;
	border: 1px solid #d9dfd2;
	border-left: 4px solid var(--egc-button-bg, #3f6f23);
	border-radius: 8px;
	background: #f7f9f3;
	color: #263425;
	line-height: 1.4;
	text-decoration: none;
}

.egc-back-lesson__label {
	display: block;
	margin: 0 0 3px;
	color: var(--egc-button-bg, #3f6f23);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.egc-back-lesson__title {
	display: block;
	font-size: 17px;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: rgba(63, 111, 35, 0.35);
	text-underline-offset: 3px;
}

.egc-back-lesson__where {
	display: block;
	margin-top: 2px;
	color: #586351;
	font-size: 14px;
}

.egc-back-lesson--end a:hover {
	border-color: #b9cba9;
	border-left-color: var(--egc-button-hover-bg, #2f541a);
	background: #eef4e9;
}

.egc-back-lesson--end a:hover .egc-back-lesson__title {
	text-decoration-color: currentColor;
}

.egc-back-lesson a:focus-visible {
	outline: 3px solid #2f5a1b;
	outline-offset: 3px;
}

@media print {
	.egc-back-lesson {
		display: none;
	}
}