#mcView .hero-actions{align-items:center;flex-wrap:wrap;gap:18px}
#mcView .hero-actions .button [data-hero-label]{font:inherit;text-transform:uppercase}
#mcView .hero-news{background:#160d24;border-color:#a855f7;color:#d8b4fe}
#mcView .hero-community{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px;max-width:620px}
#mcView .hero-community{gap:12px}
#mcView .hero-community a{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:48px;height:48px;padding:0;border:1px solid #8554ad;border-radius:0;background:#160d24;color:#d8b4fe;transition:background .18s,border-color .18s,transform .18s}
#mcView .hero-community svg{width:23px;height:23px;flex-shrink:0}
#mcView .hero-community a.with-label{padding:0 16px;font-size:13px}
#mcView .hero-community a:not(.with-label) [data-hero-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#mcView .hero-socials{display:flex;gap:12px}
#mcView .hero-community a:hover{background:#362044;border-color:#d8b4fe;color:white;transform:translateY(-2px)}
#mcView .hero-community a:focus-visible{outline:2px solid #d8b4fe;outline-offset:4px}
@media(max-width:600px){#mcView .hero-community{gap:14px;margin-top:18px}#mcView .hero-actions{gap:12px}#mcView .hero-actions .button{padding:12px 14px;gap:14px}}