.ws-block-NewsletterForm {
	width: 100%;

	.acf-form {
		display: flex;
		align-items: center;
		gap: 8px;
		width: 100%;
		border-radius: 999px;
		padding: 6px 6px 6px 24px;
	}

	.acf-fields {
		flex: 1;
		display: flex;
	}

	.acf-field {
		flex: 1;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}

	.acf-label {
		display: none;
	}

	.acf-input input[type="email"] {
		width: 100%;
		border: none;
		background: transparent;
		box-shadow: none;
		padding: 12px 0;
		font-family: "Work Sans";
		font-size: 16px;
		outline: none;
	}

	.acf-form-submit {
		margin: 0 !important;
	}

	.acf-error-message {
		display: none;
	}

	.ws-block-newsletter-form__submit {
		border: none;
		border-radius: 999px;
		padding: 14px 28px;
		font-family: "Work Sans";
		font-size: 14px;
		font-weight: 600;
		white-space: nowrap;
		cursor: pointer;
	}

	&.ws-block-newsletter-form--light {
		.acf-form {
			background: #fff;

			&.is-invalid {
				background: rgb(255 0 0 / 17%);
				border: 1px solid rgb(255 0 0 / 46%);
			}
		}

		.acf-input input[type="email"] {
			color: #1a1a1a;

			&::placeholder {
				color: #8a8a8a;
			}
		}

		.ws-block-newsletter-form__submit {
			background: #1a1a1a;
			color: #fff;
		}
	}

	&.ws-block-newsletter-form--dark {
		.acf-form {
			background: rgba(255, 255, 255, 0.08);
			border: 1px solid rgba(255, 255, 255, 0.24);

			&.is-invalid {
				background: rgb(255 0 0 / 17%);
				border: 1px solid rgb(255 0 0 / 46%);
			}
		}

		.acf-input input[type="email"] {
			color: #fff;

			&::placeholder {
				color: rgba(255, 255, 255, 0.5);
			}
		}

		.ws-block-newsletter-form__submit {
			background: #fff;
			color: #1a1a1a;
		}
	}
}