.newsletter-v4 {
  margin: 0 auto;
  max-width: 70rem;
  text-align: center;
}

.newsletter-v4__all {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.newsletter-v4__info {
  margin-bottom: 1.5rem;
}

.newsletter-v4__title {
  color: rgba(var(--color-foreground));
  font-size: clamp(2.5rem, calc(1.875vw + 1.75rem), 4rem);
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.newsletter-v4__highlight {
  color: rgba(var(--color-accent));
}

.newsletter-v4__title-sub {
  font-size: clamp(1.5rem, calc(0.375vw + 1.35rem), 1.8rem);
  margin-bottom: 1.5rem;
  color: rgba(var(--color-foreground) 0.6);
  font-weight: 400;
}

.newsletter-v4__form {
  width: 100%;
}
.newsletter-v4__form .xo-field-input__input {
  background-color: #fff;
  color: #000;
  padding: 1.2rem 2rem !important;
  border-radius: 0;
}
.newsletter-v4__form .xo-field-input__input::placeholder {
  color: rgba(0, 0, 0, 0.3882352941);
}

.newsletter-v4__btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.newsletter-v4__btn .xo-btn {
  border: 0.1rem solid rgba(var(--color-border), 0.1);
}
.newsletter-v4__btn button {
  width: 100%;
}

.newsletter-v4__input-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 575px) {
  .newsletter-v4__input-btn {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .newsletter-v4__input-btn .xo-field-input__input {
    text-align: center;
  }
}
.newsletter-v4__input-btn .xo-field-input__placeholder {
  display: none;
}

.newsletter-form__message {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 2rem;
  padding: 1rem;
  border-radius: var(--text-boxes-radius);
}

.newsletter-form__message--success {
  background-color: rgba(58, 135, 53, 0.1);
  color: rgb(58, 135, 53);
}

.newsletter-form__message--error {
  background-color: rgba(186, 4, 4, 0.1);
  color: rgb(186, 4, 4);
}

.newsletter-v4 .newsletter-v4__title-sub {
  transform: translateY(100%);
  line-height: 1;
}

.newsletter-v4 .newsletter-v4__title {
  transform: translateY(100%);
  line-height: 1;
}