/**
 * CTA wsparcia pod wpisem, wygląd z prototypu (prototypy/strona/, 25.09.2026):
 * granatowe tło, biały przycisk. Kolory z globalnej palety Kadence,
 * fallbacki na wypadek zmiany motywu.
 */

.mp-cta-wsparcie {
	margin: 4.5rem 0 1rem;
	padding: 2rem;
	border-radius: 4px;
	background: var(--global-palette3, #082d3d);
	color: #d7e4e6;
}

.mp-cta-wsparcie__naglowek {
	margin: 0 0 0.75rem;
	font-size: 1.75rem;
	line-height: 1.2;
	color: #fff;
}

.mp-cta-wsparcie__tekst {
	margin: 0 0 1.5rem;
}

.mp-cta-wsparcie__przycisk {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	padding: 0 1.5rem;
	border-radius: 4px;
	background: #fff;
	color: var(--global-palette3, #082d3d);
	font-weight: 500;
	text-decoration: none;
	transition: background 120ms;
}

.mp-cta-wsparcie__przycisk:hover,
.mp-cta-wsparcie__przycisk:focus {
	background: var(--global-palette8, #eaf2f0);
	color: var(--global-palette3, #082d3d);
}

@media (prefers-reduced-motion: reduce) {
	.mp-cta-wsparcie__przycisk {
		transition: none;
	}
}

@media (width <= 600px) {
	.mp-cta-wsparcie {
		padding: 1.5rem;
	}

	.mp-cta-wsparcie__przycisk {
		display: flex;
		justify-content: center;
	}
}