.nenza-newsletter__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;

  .nenza-newsletter__text {
    width: 375px;
    text-align: left;
    line-height: normal;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;

    @media(max-width: 990px) {
      text-align: center;
      width: 100%;
    }

  }

  .nenza-newsletter__form {
    width: calc(100% - 375px);
    padding-left: 15px;

    @media(max-width: 990px) {
      width: 100%;
      padding-left: 0;
    }

    form {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      margin: 0 !important;
      max-width: 100%;
      flex-direction: row;
      gap: 32px;

      .h-captcha {
        display: none;
      }

      @media(max-width: 990px) {
        justify-content: center;
        flex-direction: column;
        gap: 12px;
      }

      .nenza-newsletter-form__field-wrapper {
        max-width: 100%;
      }

      input[type="email"] {
        box-sizing: border-box;
        padding: 0px 12px 0px 16px;
        height: 48px;
        background: #FFFFFF;
        border: 1px solid #E6E7E8;
        border-radius: 50px;
        width: 370px;
        max-width: 100%;
        color: #505050;
        padding-left: 55px;

        &::placeholder {
          color: #838383;
        }

        &:focus~.field__label {
          color: transparent;
          font-size: 1.6rem;
          left: calc(var(--inputs-border-width) + 2rem);
          top: calc(1rem + var(--inputs-border-width));
        }
      }

      .nenza-field {
        position: relative;

        label {
          position: absolute;
          top: 0;
          left: 22px;
          height: 100%;
          display: flex;
          align-items: center;
          font-size: 0;
          line-height: normal;
          color: rgba(0, 0, 0, .4);

          svg {
            margin-right: 10px;
          }
        }

      }



      button {
        display: flex;
        align-items: center;
        height: 48px;
        border: 1px solid;
        color: #fff;
        border-radius: 50px;
        padding: 12px 40px 12px 40px;
        max-width: 180px;
        background-color: transparent;
        transition: all .3s ease-in-out;

        span {
          font-family: 'Jost';
          font-style: normal;
          font-weight: 500;
          font-size: 16px;
          color: #FFFFFF;

        }

        svg {
          width: 25px;
          height: 25px;
          margin-left: 8px;

        }

        &:hover {
          background-color: #fff;
          box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);

          span {
            color: #CC006D;
          }

          svg {
            * {
              fill: #CC006D;
            }
          }
        }
      }
    }
  }
}