.community-banner { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:16px 0; padding:16px 20px; border:1px solid #215343; border-radius:12px; background:#0b211c; }
.community-banner[hidden], .community-banner.hidden { display:none; }
.community-banner > span { display:grid; gap:4px; }
.community-banner strong { color:#f0fff7; font-size:15px; }
.community-banner small { color:#aed3c4; font-size:12px; }
.community-banner a { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:11px 16px; border:1px solid #47d996; border-radius:8px; background:#146b46; color:white; font-size:13px; font-weight:700; text-decoration:none; white-space:nowrap; }
.community-banner a img { filter: brightness(0) invert(1); }
.community-banner a:hover { background:#1a8156; }
.community-banner a:focus-visible { outline:3px solid #78edbb; outline-offset:3px; }
@media(max-width:540px) { .community-banner { flex-direction:column; align-items:stretch; padding:14px; gap:12px; } .community-banner a { width:100%; box-sizing:border-box; } }