/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'npm run build' command.
 * @preserve
 */

  .blog-marketing-ad {
  font-family: var(--font-families-primary), sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color:  var(--colors-off-white-60);
  border-radius: 0.75rem;
}

  @media (max-width: 1023.98px) {

  .blog-marketing-ad {
    margin-bottom: 1.875rem;
    flex-direction: column;
    justify-content: center
}
  }

  .blog-marketing-ad__right-image-wrapper,
  .blog-marketing-ad__left-image-wrapper {
    margin-right: 1rem;
  }

  @media (max-width: 1023.98px) {

  .blog-marketing-ad__right-image-wrapper,
  .blog-marketing-ad__left-image-wrapper {
      margin-bottom: 1.25rem;
      width: 100%;
      margin-right: 0
  }
      .blog-marketing-ad__right-image-wrapper img, .blog-marketing-ad__left-image-wrapper img {
        width: 100%;
      }
    }

  .blog-marketing-ad__left-image-wrapper img {
      border-radius: 0.75rem 0 0 0.75rem;
    }

  .blog-marketing-ad__description {
    font: var(--font-primary-body-default);
    margin: 0.25rem 1rem 0 1rem;
    text-align: center;
    width: 60%;
  }

  .blog-marketing-ad__description h1,
    .blog-marketing-ad__description h2,
    .blog-marketing-ad__description h3,
    .blog-marketing-ad__description h4,
    .blog-marketing-ad__description p {
      margin-bottom: 0.625rem;
    }

  @media (max-width: 1023.98px) {

  .blog-marketing-ad__description {
      margin-bottom: 1.25rem;
      padding: 0 0.625rem;
      margin-right: 0;
      width: 100%
  }
    }

  .blog-marketing-ad__cta-link {
    font: var(--font-primary-small-bold);
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    background-color: var(--colors-sea-green-60);
    border-radius: 0.0625rem;
    height: 100%;
    color: var(--colors-white-10);
  }

  .blog-marketing-ad__cta-link:hover {
      color: var(--colors-white-10);
    }

  @media (max-width: 1023.98px) {

  .blog-marketing-ad__cta-link {
      margin-right: 0
  }
    }