.demo-toast{position:fixed;right:22px;bottom:22px;z-index:200;display:flex;align-items:center;gap:11px;padding:14px 19px;background:#0f172a;color:#fff;border-radius:12px;box-shadow:0 18px 45px #0f172a40;font-size:13px;transform:translateY(25px);opacity:0;transition:.35s}.demo-toast.show{transform:none;opacity:1}.demo-toast>b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#22c55e}.demo-toast small{display:block;color:#cbd5e1;font-size:11px;margin-top:2px}@media(max-width:500px){.demo-toast{left:15px;right:15px;bottom:15px}}