.sas-newsletter-popup{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9000;
  display:grid;
  grid-template-columns:155px minmax(0,1fr);
  width:min(510px,calc(100vw - 32px));
  min-height:250px;
  overflow:hidden;
  border:1px solid #bad3de;
  border-radius:3px;
  background:#fff;
  color:#163f56;
  box-shadow:0 18px 48px rgba(12,48,68,.19);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .25s ease,transform .25s ease;
}
.sas-newsletter-popup.is-visible{opacity:1;transform:none}
.sas-newsletter-popup-image{background:#dff0f3 url('../media/main-heroes/events.jpg') center/cover no-repeat}
.sas-newsletter-popup-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:28px 26px 24px}
.sas-newsletter-popup-close{position:absolute;right:9px;top:7px;display:grid;place-items:center;width:32px;height:32px;border:0;background:transparent;color:#42687d;font:24px/1 Arial,sans-serif;cursor:pointer}
.sas-newsletter-popup small{color:#147d76;font:700 10px/1.3 Arial,sans-serif;letter-spacing:0}
.sas-newsletter-popup h2{margin:11px 0 8px;color:#163f56;font:700 22px/1.2 Arial,sans-serif;letter-spacing:0}
.sas-newsletter-popup p{margin:0 0 18px;color:#4d6a7c;font:400 13px/1.5 Arial,sans-serif}
.sas-newsletter-popup a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 17px;background:#f58220;color:#163f56;text-decoration:none;font:700 12px/1.2 Arial,sans-serif}
.sas-newsletter-popup a:hover{background:#e97715}
.sas-newsletter-popup-content>span{margin-top:11px;color:#718999;font:400 10px/1.4 Arial,sans-serif}
@media(max-width:560px){
  .sas-newsletter-popup{right:16px;bottom:16px;grid-template-columns:1fr;min-height:0}
  .sas-newsletter-popup-image{height:88px;background-position:center 36%}
  .sas-newsletter-popup-content{padding:20px}
}
@media(prefers-reduced-motion:reduce){.sas-newsletter-popup{transition:none}}