.newsletter {
  background-image: url('newsletter-bg-mobile.png');
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: 100% 100%!important;
}

.newsletter__wrapper {
  padding: 50px 20px;
}

.newsletter__heading {
  margin-bottom: 0;
}

.newsletter__wrapper ul {
  list-style: disc;
  margin: 0 0 0 15px;
}

.newsletter__illustration-left {
  display: none;
  margin-bottom: -50px;
}

.newsletter__illustration-left img {
  width: 100%;
  max-width: 350px;
}

.newsletter__illustration-right {
  right: -20px;
  top: -30px;
}

.newsletter__illustration-right img {
  width: 100px;
  object-fit: contain;
}

@media screen and (min-width: 550px) {
  .newsletter__wrapper {
    padding: 50px;
  }

  .newsletter {
    background-image: url('newsletter-bg.png');
  }
}

@media screen and (min-width: 990px) {
  .newsletter__button {
    flex-shrink: 0;
    margin: 0 0 0 1rem;
  }

  .newsletter__illustration-right {
    right: 20px;
    top: 20px;
  }

  .newsletter__illustration-right img {
    width: 150px;
  }
}

@media screen and (min-width: 1278px) {
  .newsletter {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .newsletter__illustration-left {
    display: block;
  }

  .newsletter__wrapper {
    padding-left: 0;
  }
}


/* Pushowl/Brevo Form */
div[data-pushowl-form-id="157598"] {
  width: 100%;

  & form {
    max-width: 100%!important;

    & input[type="email"] {
      border: 1px solid var(--color-dark-gray-25);
      font-weight: 350;
      color: var(--color-dark-gray-100);
      font-size: var(--font-base);
    }
  }

  & div:has(> .pushowl-optin-button) {
    display: grid!important;
    grid-template-columns: 1fr auto;
    gap: 10px;
    margin: 5px 5px 0 0;
  }
  
  & div:has(> .pushowl-optin-button) > :nth-child(1) {
    grid-column: 1;
    padding: 0!important;
  }
  
  & div:has(> .pushowl-optin-button) > :nth-child(2),
  & div:has(> .pushowl-optin-button) > :nth-child(3) {
    grid-column: 1 / -1;
    padding-left: 5px!important;
    & #consent-email-checkbox {
      margin-top: 0;
      accent-color: var(--color-dark-blue-100)
    }
    & #consent-email-checkbox:focus-visible {
      box-shadow: none;
      outline-offset: 0;
    }
  }
  
  & .pushowl-optin-button {
    grid-column: 2;
    grid-row: 1;
    margin: 0!important;
    font-size: var(--font-base);
    padding: 10px 30px!important;
    transition: transform 0.3s ease-in-out;
  }

  & .pushowl-optin-button:hover {
    background-color: var(--color-dark-gray-25)!important;
  }

  @media screen and (max-width: 989px) {
    & .pushowl-optin-button {
      background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8H18' stroke='%23002F6D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0469 1L18.0014 8L11.0469 15' stroke='%23002F6D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")!important;
      background-repeat: no-repeat!important;
      background-position: center!important;
      background-size: 60%!important;
      aspect-ratio: 1 / 1;
      padding: 5px!important;
      width: auto;
      & .button-content {
        position: absolute!important;
        width: 1px!important;
        height: 1px!important;
        overflow: hidden!important;
        white-space: nowrap!important;
      }
    }
  }
}