/* Плашка на оранжевом поле сразу после «До/После»: верхний отступ нулевой. */

.cta-box.section { padding-top: 0; }

.cta-box__card {
	position: relative;
	display: grid;
	justify-items: start;
	gap: 20px;
	padding: 15px;
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: 10px;
	background: var(--c-cream);
}
.cta-box__text { position: relative; z-index: 1; max-width: 288px; }
.cta-box__btn { position: relative; z-index: 1; }
.cta-box__mark {
	position: absolute;
	top: 22px;
	right: -10px;
	width: 134px;
	pointer-events: none;
}
.cta-box__mark svg { display: block; width: 100%; height: auto; }

@media (min-width: 768px) {
	.cta-box__card { padding: 24px; gap: 22px; }
	.cta-box__text { max-width: 520px; }
	.cta-box__mark { top: 24px; right: 8px; bottom: auto; width: 180px; }
}

@media (min-width: 1200px) {
	.cta-box__card {
		width: 873px;
		max-width: 100%;
		min-height: 157px;
		margin-inline: auto;
		padding: 30px;
		gap: 25px;
		border: 0;
	}
	.cta-box__text { max-width: 615px; }
	.cta-box__mark {
		top: 30px;
		right: 10px;
		bottom: auto;
		width: 218px;
	}
}