.btn,
.btn:visited,
.global-header-btn,
.global-header-btn:visited,
.global-user-chip,
.global-user-chip:visited,
.user-chip,
.user-chip:visited,
.topbar-pill,
.topbar-pill:visited {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0.85rem 1.35rem;
    border-radius: 14px !important;
    border: 1px solid rgba(212, 175, 55, 0.18) !important;
    background: linear-gradient(180deg, rgba(19, 30, 42, 0.96), rgba(10, 17, 25, 0.96)) !important;
    color: #f5f1e8 !important;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease, color 0.22s ease !important;
}

.btn:hover,
.global-header-btn:hover,
.global-user-chip:hover,
.user-chip:hover,
.topbar-pill:hover {
    transform: translateY(-2px);
    border-color: rgba(212, 175, 55, 0.34) !important;
    background: linear-gradient(180deg, rgba(24, 37, 50, 0.98), rgba(11, 20, 28, 0.98)) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(212, 175, 55, 0.08);
}

.btn:active,
.global-header-btn:active,
.global-user-chip:active,
.user-chip:active,
.topbar-pill:active {
    transform: translateY(0);
}

.btn:focus-visible,
.global-header-btn:focus-visible,
.global-user-chip:focus-visible,
.user-chip:focus-visible,
.topbar-pill:focus-visible {
    outline: 2px solid rgba(212, 175, 55, 0.55);
    outline-offset: 3px;
}

.btn i,
.btn svg,
.global-header-btn i,
.global-header-btn svg,
.topbar-pill i,
.topbar-pill svg {
    transition: transform 0.22s ease, color 0.22s ease;
}

.btn:hover i,
.btn:hover svg,
.global-header-btn:hover i,
.global-header-btn:hover svg,
.topbar-pill:hover i,
.topbar-pill:hover svg {
    transform: translateX(2px);
}

.btn-primary,
.btn-primary:visited,
.btn-accent,
.btn-accent:visited,
.global-header-btn.primary,
.global-header-btn.primary:visited {
    background: linear-gradient(135deg, #ecd487 0%, #d4af37 58%, #ae8748 100%) !important;
    border-color: rgba(255, 223, 130, 0.36) !important;
    color: #0b141c !important;
    box-shadow: 0 16px 34px rgba(167, 128, 81, 0.24);
}

.btn-primary:hover,
.btn-accent:hover,
.global-header-btn.primary:hover {
    background: linear-gradient(135deg, #f1dc98 0%, #e0bc4c 58%, #bc9554 100%) !important;
    color: #081017 !important;
}

.btn-secondary,
.btn-secondary:visited,
.btn-ghost,
.btn-ghost:visited {
    background: linear-gradient(180deg, rgba(18, 30, 41, 0.96), rgba(11, 20, 28, 0.96)) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #eef2f7 !important;
}

.btn-secondary:hover,
.btn-ghost:hover {
    border-color: rgba(212, 175, 55, 0.28) !important;
    color: #d4af37 !important;
}

.btn-discord,
.btn-discord:visited,
.global-header-btn.discord,
.global-header-btn.discord:visited {
    background: linear-gradient(135deg, rgba(77, 91, 206, 0.94), rgba(48, 61, 155, 0.96)) !important;
    border-color: rgba(129, 142, 255, 0.26) !important;
    color: #f0f3ff !important;
    box-shadow: 0 16px 34px rgba(45, 58, 146, 0.22);
}

.btn-discord:hover,
.global-header-btn.discord:hover {
    background: linear-gradient(135deg, rgba(89, 104, 235, 0.98), rgba(56, 70, 173, 0.98)) !important;
}

.btn-danger,
.btn-danger:visited {
    background: linear-gradient(135deg, rgba(157, 54, 62, 0.96), rgba(109, 29, 36, 0.96)) !important;
    border-color: rgba(255, 123, 123, 0.24) !important;
    color: #fff0f0 !important;
}

.btn-success,
.btn-success:visited {
    background: linear-gradient(135deg, rgba(31, 118, 85, 0.96), rgba(18, 81, 58, 0.96)) !important;
    border-color: rgba(103, 208, 145, 0.22) !important;
    color: #effff6 !important;
}

.global-user-chip,
.global-user-chip:visited,
.user-chip,
.user-chip:visited {
    padding-inline: 0.9rem 1rem;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(18, 30, 41, 0.96), rgba(11, 20, 28, 0.96)) !important;
}

.global-user-chip img,
.user-chip img {
    border-radius: 999px;
    border: 1px solid rgba(212, 175, 55, 0.2);
}