.header-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.header-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 14px;

    border-radius:999px;
    font-size:.85rem;
    font-weight:800;

    border:1px solid var(--line);
    background:rgba(255,255,255,.05);
    color:var(--text);

    transition:all .2s ease;
}

.header-btn:hover{
    transform:translateY(-2px);
    border-color:var(--line-strong);
    box-shadow:0 10px 20px var(--shadow);
}

.header-btn.active{
    pointer-events:none;
    opacity:.6;

    border-color:var(--gold);
    background:var(--gold-soft);
    color:var(--gold);
}