.brand-icon { width: 20px; height: 20px; flex: 0 0 auto; }
.button .brand-icon { border-radius: 4px; }
.button .button-label { display: inline-flex; align-items: center; gap: 10px; font: inherit; }
.button-small { gap: 14px; padding-left: 14px; padding-right: 14px; }
.button-small .brand-icon { width: 16px; height: 16px; }
.telegram-invitation { display: flex; align-items: center; gap: 10px; width: fit-content; max-width: 100%; min-height: 44px; margin-top: 12px; color: var(--plum); font-size: 13px; text-decoration: none; }
.telegram-invitation:hover { text-decoration: underline; }
.hero .scroll-note { margin-top: 24px; }
.social-links a { min-height: 44px; gap: 10px; }
@media (max-width: 360px) {
  .site-header .button-small { padding-left: 10px; padding-right: 10px; gap: 10px; }
  .mobile-invitation > span { font-size: 20px; }
}