.volunteer-demo[hidden]{display:none!important}
.volunteer-demo{position:fixed;right:24px;bottom:24px;z-index:204500;width:360px;box-sizing:border-box;padding:16px;border:1px solid #dfe9e6;border-radius:22px;background:#fff;color:#172536;box-shadow:0 12px 35px #163e3026;font-family:var(--font-firago),sans-serif}
.volunteer-demo-kicker{display:flex;align-items:center;gap:6px;margin-bottom:11px;color:#13805c;font-size:10px;font-weight:600}
.volunteer-demo-kicker::before{content:'';width:6px;height:6px;border-radius:50%;background:#19a776}
.volunteer-demo-person{display:flex;align-items:center;gap:11px}
.volunteer-demo-person img{width:52px;height:52px;flex:none;object-fit:cover;object-position:45% 35%;border-radius:17px}
.volunteer-demo h3{margin:0 0 4px;font-size:16px;font-weight:600}
.volunteer-demo-person p{margin:0;color:#586b79;font-size:12px;line-height:1.6}
.volunteer-demo-meta{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}
.volunteer-demo-meta span{padding:6px 9px;border-radius:9px;background:#f2f6f5;color:#49655c;font-size:11px}
.volunteer-demo button{width:100%;min-height:43px;border:0;border-radius:13px;background:#0f172a;color:#fff;font:500 12px var(--font-firago),sans-serif;cursor:pointer}
.volunteer-demo small{display:block;margin-top:8px;text-align:center;color:#81908c;font-size:9px;line-height:1.5}
@media(max-width:768px){.volunteer-demo{right:10px;left:10px;bottom:calc(var(--mobile-shell-window-bottom,81px) + 9px);width:auto;max-width:440px;margin:0 auto;padding:14px}}
body.dark-theme .volunteer-demo{background:#1b2730;border-color:#3a4d52;color:#edf6f2}
body.dark-theme .volunteer-demo-person p{color:#b8c8c2}
body.dark-theme .volunteer-demo-meta span{background:#283b3d;color:#c7dfd5}