.community-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.community-button { display: inline-flex; flex: 1 1 auto; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 14px 18px; border: 1px solid #707070; color: #fff; background: #252525; font-size: 15px; font-weight: 700; line-height: 1.3; text-decoration: none; transition: background 150ms ease, border-color 150ms ease; }
.community-button svg { flex-shrink: 0; width: 24px; height: 24px; }
.community-button .community-arrow { width: 18px; height: 18px; margin-left: auto; }
.community-discord { background: #cb1717; border-color: #f34444; }
.community-discord:hover { background: #e21b1b; border-color: #ff7777; }
.community-youtube:hover { background: #393939; border-color: #ddd; }
.community-button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 700px) { .community-links { margin-top: 22px; } .community-button { flex: 1 0 100%; min-height: 58px; padding: 16px 20px; font-size: 16px; justify-content: flex-start; } }