// ============================================================================
// :: NEWSLETTER
// ============================================================================
.o-newsletter {
	width: 100vw;

	background: $gradient-primary;
}

// ============================================================================
// :: Components
// ============================================================================
.o-newsletter__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 5rem 0;

	@include respond-at($screen-small-base) {
		flex-direction: row;
	}
}

.o-newsletter__title {
	width: 100%;
	margin-bottom: 3rem;

	text-align: center;

	color: white;

	@include respond-at($screen-small-base) {
		width: 40%;
		margin-right: 4rem;

		text-align: left;
	}
}

.o-newsletter__input {
	width: 100%;

	@include respond-at($screen-small-base) {
		width: 60%;
	}
}