.info-page {
	@include infoPage;
	position: relative;

	@media (max-width: $mobile) {
		margin: 0;
		padding: 52px 10px;
	}
}

.info-page__wrapper {
	width: 100%;
}

.info-page__link-back {
	@include btn-reset;
	position: absolute;
	top: 34px;
	left: 36px;
	width: 40px;
	height: 40px;
	color: $text-main;
	transition: color 0.3s ease;

	@media (max-width: $tablet) {
		top: 14px;
		left: 16px;
	}

	@media (max-width: $mobile) {
		top: -1px;
		left: 9px;
		color: $accent-dark;
	}

	&:hover,
	&:focus,
	&:active {
		color: $accent-medium;
		outline: none;
	}
}

.info-page__link-back svg {
	@include center;
	display: block;

	@media (max-width: $mobile) {
		width: 20px;
		height: 17px;
	}
}

.info-page__card {
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 40px;
	width: 100%;
	max-width: 1080px;

	@media (max-width: $tablet) {
		padding: 0 10px;
	}

	@media (max-width: $mobile) {
		padding: 0;
	}
}
