#modal-newsletter {
  display: none !important;
  z-index: 99999;

  .modal-wrapper {
    margin: 140px auto 0;

    .modal-body {
      background-color: #0080c5;
      color: #fff;
      padding: 30px 125px 40px;
      position: relative;
      text-align: left;
      width: 657px;
      cursor: pointer;

      .newsletter-images {
        width: 100%;
        display: inline-flex;
        justify-content: space-between;

        .newsletter-icon {
          background: url("img/envelope-ac2937081653a5a4f78f16d2e8f7b77a.svg") no-repeat;
          background-size: 100%;
          display: block;
          margin: 0 0 25px;
          aspect-ratio: 191/151;
          width: 145px;
        }

        .newsletter-title {
          background: url("img/title-1003e07ce0a9ce35e6f889841493bf97.svg") no-repeat;
          background-size: 100%;
          display: block;
          margin: 10px 0 0;
          aspect-ratio: 220/107;
          width: 220px;
        }
      }

      p {
        font-family: Lato-Regular;
        font-size: 16px;
        margin: 0;
        padding: 0 0 30px;
      }

      .cta {
        display: block;
        margin: 0 auto;
        width: 150px;
      }
    }

    .btn-close {
      background: url("img/close-d903a67aea811f16ef03616ebe8bc34a.png") no-repeat;
      background-size: 100%;
      display: block;
      aspect-ratio: 20/18;
      width: 20px;
      position: absolute;
      right: 15px;
      top: 15px;
    }
  }
}