.hnp-popup{
  position:fixed;left:0;bottom:0;width:280px;box-sizing:border-box;
  background:#2d2d2d;color:#fff;z-index:999999;padding:27px 22px 18px;
  font-family:Arial,Helvetica,sans-serif;text-align:center;
  box-shadow:0 0 12px rgba(0,0,0,.2);
  transform:translateY(110%);opacity:0;visibility:hidden;
  transition:transform .25s ease,opacity .25s ease,visibility .25s;
}
.hnp-popup.is-visible{transform:translateY(0);opacity:1;visibility:visible}
.hnp-close{position:absolute;top:5px;left:7px;border:0;background:none;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0}
.hnp-popup h2{font-size:23px;line-height:1.08;font-weight:400;margin:2px 0 24px;color:#fff}
.hnp-intro{font-size:14px;line-height:1.65;margin:0 0 27px;color:#fff}
.hnp-popup input{display:block;width:100%;height:34px;box-sizing:border-box;margin:0 0 7px;border:0;border-radius:3px;padding:0 13px;background:#fff;color:#333;font-size:12px}
.hnp-submit{display:block;width:100%;height:39px;border:0;border-radius:3px;background:#e5d19d;color:#111;font-weight:700;font-size:13px;cursor:pointer}
.hnp-submit:disabled{opacity:.7;cursor:wait}
.hnp-no-thanks{border:0;background:none;color:#fff;font-size:11px;font-weight:700;margin:10px 0 5px;cursor:pointer}
.hnp-privacy{font-size:11px;line-height:1.3;margin:0;color:#fff}
.hnp-error{font-size:11px;line-height:1.3;margin:7px 0 0;color:#fff}
.hnp-success-view{font-size:14px;line-height:1.5}
.hnp-success-view button{padding:8px 22px;border:0;cursor:pointer}
@media(max-width:480px){
  .hnp-popup{width:min(280px,calc(100vw - 20px));left:10px;bottom:10px}
}