.popup-banner {
  background-size: cover;
  display: flex;
  
  @media (max-width:768px) {
    flex-direction:column;
  }
  
  button::after {
    content: none!important;
  }
}

.popup-banner-start {
  background: #132026;
  padding:60px 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
  @media (max-width:768px) {
    padding:30px;
  }
  
  a { display: flex; }
  
  img {
    width: 237px;
  }
  
  p {
    font-size: 14px; 
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    color: #fff;
    width: 100%;
    text-wrap-mode: nowrap;
    text-align: center;
  }
}

.popup-banner-end {
  padding: 60px 80px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align:center;
  
  @media (max-width:768px) {
    padding:30px;
  }
  
  h2 {
    font-size: 32px; font-family: 'Noto Sans' sans-serif; font-weight: 400; color: rgb(0, 0, 0);max-width:362px;font-weight: 700;
  }
  
  a {
    cursor: pointer;
    background: rgb(135, 208, 59) !important;
    border-radius: 30px !important;
    border-width: 0px !important;
    border-color: rgba(0, 0, 0, 0.35) !important;
    border-style: solid !important;
    box-shadow: none !important;
    color: rgb(255, 255, 255) !important;
    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 0px !important;
    line-height: 1 !important;
    margin: 0px !important;
    max-width: 100% !important;
    padding: 20px 12px !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-style: normal !important;
    width: 100% !important;
  }
  
  p {font-size: 16px; font-family: 'Noto Sans'; font-weight: 400; color: rgb(0, 0, 0);}
}

.popup-banner-double {
  .popup-banner-start {padding: 60px 0 60px 80px;}
  
  .popup-banner-end {
    background: transparent;
    align-items: flex-start;
    
    h2 {
      padding-top:0;
      text-wrap-mode: nowrap;
    }
  }
  
  .popup-description {
    margin-top:0;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    text-align: start;
    width: 100%;
  }
  
  .popup-subtitle {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    margin: 8px auto 0;
  }
  
  .popup-buttons {
    display: flex;
    align-items: center;
  }
  
  a {
    cursor: pointer;
    background: rgb(254, 209, 51) !important;
    border-radius: 6px !important;
    border-width: 2px !important;
    border-color: rgb(255, 189, 0) !important;
    border-style: solid !important;
    box-shadow: rgba(14, 84, 159, 0.14) 0px 0px 4px 0px !important;
    color: rgba(0, 0, 0, 0.62) !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0px !important;
    line-height: 1 !important;
    margin: 0% 2% 0% 0% !important;
    max-width: 100% !important;
    padding: 20px 12px !important;
    text-transform: capitalize !important;
    text-decoration: none !important;
    font-style: normal !important;
    text-wrap-mode: nowrap;
    
    &:hover {
      background: rgb(254, 199, 5) !important;
    }
  }
}