.webpush-card{position:fixed;left:16px;right:16px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:1200;max-width:560px;margin:auto;display:grid;grid-template-columns:42px 1fr auto 28px;gap:10px;align-items:center;padding:14px;background:var(--card,#fff);color:var(--text,#10203d);border:1px solid rgba(56,103,244,.2);border-radius:18px;box-shadow:0 16px 45px rgba(9,30,66,.2)}
.webpush-card b,.webpush-card small{display:block}.webpush-card small{margin-top:2px;color:var(--muted,#65738b);font-size:12px}.webpush-bell{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#edf2ff;font-size:20px}.webpush-card button{border:0;border-radius:11px;background:#3867f4;color:#fff;padding:11px 13px;font-weight:800}.webpush-card .webpush-later{padding:4px;background:transparent;color:var(--muted,#65738b);font-size:22px}.webpush-card button:disabled{opacity:.65}
@media(min-width:901px){.webpush-card{left:auto;right:24px;bottom:24px;width:min(560px,calc(100vw - 48px));margin:0}}
@media(max-width:520px){.webpush-card{grid-template-columns:40px 1fr 26px}.webpush-card button:not(.webpush-later){grid-column:1/-1;width:100%}}