.hsn-btn{background:#e5e5e5;color:#666;border:2px solid #e5e5e5;padding:15px 40px;font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s;width:100%;max-width:400px;margin:20px 0}
.hsn-btn:hover{background:#000;color:#fff;border-color:#000}
.hsn-btn.hsn-sm{max-width:none;padding:12px 20px;font-size:12px;margin:10px 0}
#hsn-modal{display:none;position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);align-items:center;justify-content:center}
#hsn-modal.show{display:flex}
.hsn-box{background:#fff;padding:40px;max-width:500px;width:90%;position:relative;text-align:center}
.hsn-x{position:absolute;right:20px;top:20px;font-size:28px;font-weight:300;color:#999;cursor:pointer}
.hsn-x:hover{color:#000}
.hsn-box h3{font-size:24px;font-weight:300;letter-spacing:1px;margin:0 0 20px;color:#000}
.hsn-box p{font-size:14px;line-height:1.6;color:#666;margin:0 0 30px}
#hsn-email{width:100%;padding:15px;border:1px solid #ddd;font-size:14px;margin-bottom:15px;box-sizing:border-box}
#hsn-email:focus{outline:none;border-color:#000}
#hsn-go{background:#000;color:#fff;border:none;padding:15px;font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;width:100%}
#hsn-go:hover{background:#333}
#hsn-msg{margin-top:20px;padding:15px;border-radius:4px;font-size:14px;display:none}
#hsn-msg.ok{background:#d4edda;color:#155724;border:1px solid #c3e6cb;display:block}
#hsn-msg.bad{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;display:block}
@media (max-width:768px){.hsn-box{padding:30px 20px;width:95%}.hsn-box h3{font-size:20px}.hsn-btn.hsn-sm{font-size:11px;padding:10px 15px}}