/* container */
.subscribe--container {
	margin-top: 20px;
}

/* form */
.subscribe--form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: relative;
	padding: 10%;
	border-radius: var(--border-radius-regular);
	background-color: rgb(255, 255, 255);
}

/* header */
.subscribe--header {
	display: flex;
	flex-direction: column;
}

/* header title */
.subscribe--header--title {
	text-align: center;
}

/* header text */
.subscribe--header--text {
	text-align: center;
	margin-top: 8px;
}

/* inputs */
.subscribe--inputs {
	display: flex;
	justify-content: center;
	gap: 20px;
}

/* smaller than 800px */
@media only screen and (max-width: 799px) {

	.subscribe--inputs {
		flex-direction: column;
	}

}

/* input wrapper */
.subscribe--inputs--email,
.subscribe--inputs--country {
	width: 50%;
}

/* smaller than 800px */
@media only screen and (max-width: 799px) {

	.subscribe--inputs--email,
	.subscribe--inputs--country {
		width: 100%;
	}

}

/* input */
.subscribe--inputs--email input,
.subscribe--inputs--country select {
	width: 100%;
}

/* consent */
.subscribe--consent {
	display: flex;
	justify-content: center;
}

/* consent text */
.subscribe--consent--text {
	text-align: center;
}

/* consent label */
.subscribe--consent--text label {
	margin: 0;
	font-size: var(--x-small-font-size);
	line-height: var(--x-small-line-height);
	font-weight: 400;
	color: color-mix(in srgb, var(--text-color-primary) 50%, transparent);
}

/* consent link */
.subscribe--consent--text a {
	font-weight: 400;
	color: color-mix(in srgb, var(--text-color-primary) 70%, transparent);
}

/* consent link hover */
.subscribe--consent--text a:hover {
	text-decoration: underline;
	color: color-mix(in srgb, var(--text-color-primary) 70%, transparent);
}

/* submit */
.subscribe--submit {
	display: flex;
	justify-content: center;
}

/* submit button */
.subscribe--submit--button {
	display: flex;
	justify-content: center;
	width: 100%;
}

/* submit button input */
.subscribe--submit--button button {
	opacity: 1;
	width: 50%;
}