.ns-wrap { all: initial; font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial; } .ns-wrap, .ns-wrap * { box-sizing: border-box; } .ns-wrap { position: fixed; left: 12px; bottom: 12px; z-index: 2147483647; max-width: min(92vw, 380px); } #ns-js-close { display: none; } #ns-js-close:checked + .ns-box { display: none; } .ns-box { display: flex; align-items: flex-start; gap: 10px; padding: 12px 40px 12px 12px; border-radius: 10px; background: #dc2626; color: #ffffff; border: 1px solid #7f1d1d; box-shadow: 0 10px 30px rgba(0,0,0,.30), 0 2px 8px rgba(0,0,0,.25); line-height: 1.35; font-size: 14px; } .ns-icon { font-weight: 700; font-size: 16px; line-height: 1; margin-top: 1px; user-select: none; } .ns-text { flex: 1 1 auto; min-width: 0; word-break: break-word; } .ns-close { position: absolute; right: 10px; top: 8px; font-size: 20px; line-height: 1; cursor: pointer; user-select: none; color: #fff; opacity: .9; text-decoration: none; } .ns-close:hover { opacity:1; } @media (max-width: 420px) { .ns-box { font-size: 13px; padding-right: 36px; } .ns-close { right: 8px; top: 6px; } }

Please enable JavaScript to use all animations and the contact form.