.social-link { align-items: center; border: 1px solid rgba(255, 255, 255, .65); border-radius: 50%; color: #fff; display: inline-flex; font-family: Orbitron, sans-serif; font-size: 13px; font-weight: 700; height: 35px; justify-content: center; text-decoration: none; transition: .2s ease; width: 35px; }
.social-link:hover { background: var(--lime); border-color: var(--lime); color: #161a00; transform: translateY(-2px); }
.social-link.threads { font-family: "Noto Sans TC", sans-serif; font-size: 22px; font-weight: 800; }
.nav-join { align-items: center; background: var(--lime); border-radius: 22px; color: #171b00; display: inline-flex; font-size: 14px; font-weight: 900; gap: 8px; height: 39px; justify-content: center; padding: 0 17px; text-decoration: none; transition: .2s ease; white-space: nowrap; }
.nav-join:hover { box-shadow: 0 0 24px rgba(217, 240, 0, .42); transform: translateY(-2px); }
.nav-join span { border-bottom: 6px solid transparent; border-left: 10px solid #202500; border-top: 6px solid transparent; }
@media (max-width: 620px) { .social-link { height: 31px; width: 31px; } .nav-join { font-size: 12px; height: 32px; padding: 0 11px; } .nav-join span { border-bottom-width: 5px; border-left-width: 8px; border-top-width: 5px; } .nav-actions { gap: 7px; } }