/* One social-button component across navigation, content, video and footer. */
body a.bx-social-button.bx-social-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 44px; min-height: 44px; padding: 10px 14px; border: 1px solid; border-radius: 9px; font-family: inherit; font-size: 13px; font-weight: 700; line-height: 20px; letter-spacing: 0; text-transform: none; text-decoration: none; opacity: 1; box-sizing: border-box; box-shadow: 0 3px 0 #0003; transition: transform .2s ease,background-color .2s ease,box-shadow .2s ease; }
body a.bx-social-button.bx-social-youtube { background: #260e16; border-color: #ff0000; color: #fff; }
body a.bx-social-button.bx-social-discord { background: #5865f2; border-color: #5865f2; color: #fff; }
body a.bx-social-button .social-icon { width: 21px; height: 21px; flex: 0 0 21px; }
body a.bx-social-youtube .social-icon { color: #ff0000; }
body a.bx-social-discord .social-icon { color: #fff; }
body a.bx-social-button:hover { transform: translateY(-2px); box-shadow: 0 6px 14px #0003; text-decoration: none; }
body a.bx-social-youtube:hover { background: #401019; }
body a.bx-social-discord:hover { background: #4752c4; }
body a.bx-social-button:focus-visible { outline: 3px solid #b8f4ff !important; outline-offset: 4px !important; }
body a.bx-social-button::before,body a.bx-social-button::after { content: none; }
@media(min-width:721px) and (max-width:1180px) { .topbar .nav { gap: 8px; } }
@media(prefers-reduced-motion:reduce) { html:not([data-bx-motion="full"]) a.bx-social-button { transition: none; } html:not([data-bx-motion="full"]) a.bx-social-button:hover { transform: none; } }



@media(min-width:721px) and (max-width:980px) { .topbar .brand > span { display: none; } }