.prefooter {
	background: #fff;
	display: flex;
	justify-content: center;
	margin-top: 120px;
	width: 100%;
}
.prefooter > div {
	box-sizing: border-box;
	max-width: 2560px;
	padding: 0px 40px;
	width: 100%;
}
.prefooter .content {
	background: url('/images/site/la_prefooter_bg.png') no-repeat center top;
	border-radius: 12px;
	justify-content: center;
	overflow: hidden;
	height: 600px;
	width: 100%;
}
.prefooter .content > div {
	align-items: center  !important;
	gap: 0 20px;
	justify-content: space-between;
	width: 66%;
}
.prefooter .content .text {
	align-items: flex-start;
	color: #fff;
	font-family: 'Geologica';
	gap: 20px 0;
	max-width: 470px;
}
.prefooter .content .text .text-big {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.35;
}
.prefooter .content .text .text-small {
	font-size: 21px;
	line-height: 1.35;
}
.prefooter .content button {
	align-items: center;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 100px;
	color: var(--la-grey-basic);
	cursor: pointer;
	display: flex;
	justify-content: center;
	font-family: 'Geologica';
	font-size: 15px;
	line-height: 1.6;
	padding: 10px 37px;
	transition: .3s;
}
.prefooter .content button:hover {
	background: transparent;
	color: #fff;
}


/* --- Адаптив --- */
@media (max-width: 1024px) {
    .prefooter .content > div {
        width: 90%;
        gap: 0 15px;
    }
}

@media (max-width: 768px) {
    .prefooter {
        margin-top: 80px;
    }

    .prefooter .content {
        height: auto; /* высота подстраивается под контент */
        padding: 30px 20px;
    }

    .prefooter .content > div {
        flex-direction: column; /* текст и кнопка вертикально */
        align-items: flex-start;
        gap: 20px 0;
        width: 100%;
    }

    .prefooter .content .text {
        max-width: 100%;
        gap: 10px 0;
    }

    .prefooter .content .text .text-big {
        font-size: 24px;
    }

    .prefooter .content .text .text-small {
        font-size: 16px;
    }

    .prefooter .content button {
        width: 100%;
        max-width: 300px; /* кнопка не растягивается слишком */
        padding: 10px 20px;
    }
}

@media (max-width: 480px) {
    .prefooter .content .text .text-big {
        font-size: 20px;
    }

    .prefooter .content .text .text-small {
        font-size: 14px;
    }

    .prefooter .content button {
        font-size: 14px;
        padding: 8px 18px;
		 width: auto;             /* ширина под текст */
        max-width: 100%;         /* не выходит за блок */
        padding: 3px 15px;      /* горизонтальные отступы меньше */
        border-radius: 50px;     /* меньше, чем 100px, чтобы фон не растягивался */
    }
}