.newsletter-v9 {
  padding: 2rem 5.2rem;
  justify-content: center;
}
@media (max-width: 991px) {
  .newsletter-v9 {
    row-gap: 0;
  }
}
@media (max-width: 767px) {
  .newsletter-v9 {
    padding-right: 0;
    padding-left: 0;
  }
}

.newsletter-v9__info {
  text-align: center;
}
@media (min-width: 992px) {
  .newsletter-v9__info {
    display: flex;
    align-items: center;
  }
}

.newsletter-v9__title {
  font-size: calc(var(--font-heading-scale) * 3.2rem);
  font-weight: 400;
  line-height: calc(1 + 0.2 / var(--font-heading-scale));
  color: #fff;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .newsletter-v9__title {
    font-size: calc(var(--font-heading-scale) * 3rem);
  }
}

.newsletter-v9__input-btn .newsletter-v9__field-input {
  height: 4.8rem;
  width: 100%;
  border: none;
  padding: unset;
  border-bottom: 0.1rem solid #fff;
}
.newsletter-v9__input-btn .xo-field-input {
  height: 100%;
}
.newsletter-v9__input-btn .xo-field-input .xo-field-input__input {
  padding-left: 0;
  color: #fff;
  max-width: 80%;
  border: none;
}
@media (max-width: 767px) {
  .newsletter-v9__input-btn .xo-field-input .xo-field-input__input {
    max-width: 64%;
  }
}
.newsletter-v9__input-btn .xo-field-input__placeholder {
  display: none;
}

.newsletter-v9__btn-input {
  display: flex;
  position: relative;
}
@media (max-width: 991px) {
  .newsletter-v9__btn-input {
    max-width: 65.2rem;
  }
}
@media (max-width: 767px) {
  .newsletter-v9__btn-input {
    max-width: 41.2rem;
  }
}

.newsletter-v9__btn {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
  height: 4.8rem;
}

.newsletter-v9__btn-text {
  height: 4.8rem;
  padding: 0.8rem 2.4rem;
  border: none;
  cursor: pointer;
  background-color: transparent;
  color: #fff;
  font-size: calc(var(--font-body-scale) * 1.2rem);
  border-bottom: 3px solid #ffffff;
  text-transform: uppercase;
  font-weight: 500;
}

.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);
}