/* Zapis na newsletter. */

.newsletter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-24) var(--space-48);
	padding: var(--space-40);
	border-radius: var(--radius-5xl);
	background: var(--color-tint);
}

.newsletter-text {
	flex: 1 1 var(--basis-newsletter-text);
}

.newsletter-title {
	margin-bottom: var(--space-8);
	font-size: var(--text-7xl);
}

.newsletter-lead {
	color: var(--color-text-body);
}

.newsletter-form {
	flex: 1 1 var(--basis-newsletter-form);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-10);
}

.newsletter-form .input {
	flex: 1 1 var(--basis-input);
	min-height: var(--size-button-xl);
	padding: 0 var(--space-18);
	border-radius: var(--radius-xl);
	border-color: var(--color-border-input);
}

@media (max-width: 600px) {
	.newsletter {
		padding: var(--space-24);
	}

	.newsletter-title {
		font-size: var(--text-5xl);
	}
}