.newsletter-whatsapp {
  & .newsletter-whatsapp__inner {
    background: var(--White, #fff);
    display: flex;
    flex-direction: column;
    gap: 2.4rem;

    @media screen and (min-width: 1024px) {
      border-radius: 1rem;
      background: var(--Light-grey, #f8f8f8);
      flex-direction: row;
      gap: 120px;
    }

    & .newsletter-whatsapp__banner {
      & img {
        width: 100%;
        object-fit: cover;

        @media screen and (min-width: 1024px) {
          width: 580px;
          height: 100%;
          border-top-left-radius: 1rem;
          border-bottom-left-radius: 1rem;
        }
      }
    }

    & .newsletter-whatsapp__content {
      padding: 0;

      @media screen and (min-width: 1024px) {
        padding: 2.4rem 0;
      }

      & .newsletter-whatsapp__wrapper {
        padding-right: 0;
        padding-left: 0;

        @media screen and (min-width: 1024px) {
          padding-right: 12rem;
        }

        & .newsletter-whatsapp__heading {
          color: var(--Black, #212121);
          font-size: 20px;
          font-weight: 600;
          line-height: 130%;
          text-transform: uppercase;

          & .red-text {
            color: var(--Sale-red, #ed0607);
            font-size: 20px;
            font-weight: 600;
            line-height: 130%;
            text-transform: uppercase;
          }
        }

        & .newsletter-whatsapp__subheading {
          margin-top: 2.4rem;
          font-size: 1.4rem;
          font-weight: 400;
          line-height: 170%;
          letter-spacing: normal;

          @media screen and (min-width: 1024px) {
            font-size: 1.6rem;
          }
        }
      }

      & .newsletter-whatsapp__wrapper > * {
        margin-top: 0;
        margin-bottom: 0;
      }

      & .newsletter-whatsapp__wrapper > * + .newsletter-form {
        margin-top: 3rem;
      }

      & .newsletter-form {
        margin-top: 1.2rem;

        @media screen and (min-width: 1024px) {
          max-width: 100%;
        }

        & .newsletter-form__field-wrapper {
          display: flex;
          flex-direction: column;
          gap: 1.2rem;
        }

        & .newsletter-form__field-wrapper > .field > span {
          display: none;
        }

        & .newsletter-form__label {
          color: var(--Dark-grey, #7b7b7b);
          font-weight: 400;
        }
      }

      & .newsletter-form__privacy-policy-note {
        color: var(--Grey, #b1b1b1);
        font-size: 16px;
        font-weight: 400;
        margin-top: 12px;

        & a {
          color: var(--Grey, #b1b1b1);
          text-decoration: underline;
          font-size: 16px;
        }
      }

      & .newsletter-form__button {
        position: relative;
        color: var(--Black, #212121);
        text-align: center;
        width: 100%;
        padding: 18px 0;
        border-radius: 5px;
        box-shadow: 3px 3px 24px #0000001f;
        background: linear-gradient(
          101deg,
          #eab74d 5.49%,
          #fcf6ba 42.94%,
          #fefacf 48.94%,
          #fbf5b7 55.67%,
          #d59624 99.83%
        );
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: normal;
        text-transform: uppercase;
        height: 5.4rem;

        &.newsletter-form__button--whatsapp {
          margin-top: 12px;
          background: white;
          display: flex;
          flex-direction: row;
          gap: 1rem;
        }

        &.newsletter-form__button--whatsapp + p {
          margin-top: 1.2rem;
          margin-bottom: 0;
          color: var(--Grey, #b1b1b1);
          font-size: 1.6rem;
          line-height: 170%;
          letter-spacing: normal;

          & a {
            color: var(--Grey, #b1b1b1);
            text-decoration: underline;
          }
        }
      }
    }
  }
}