/* ==========================================================
   CTA-БАНД — використовується двічі на сторінці з різним текстом
   ========================================================== */

.cta-band {
	background-color: var(--color-accent);
	padding-block: var(--space-16);
}

.cta-band__inner {
	text-align: center;
	max-width: 640px;
	margin-inline: auto;
}

.cta-band__title {
	font-size: var(--fs-h2);
	margin-bottom: var(--space-4);
}

.cta-band__text {
	margin-bottom: var(--space-8);
	color: var(--color-gray-700);
}

.cta-band .btn--accent {
	background-color: var(--color-black);
	color: var(--color-white);
}
.cta-band .btn--accent:hover { background-color: var(--color-gray-700); }