.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:var(--space-2);

    border:none;
    border-radius:var(--radius-md);

    padding:12px 20px;

    background:var(--color-primary);
    color:white;

    font-weight:600;

    transition:var(--transition-fast);
}

.button:hover{
    background:var(--color-primary-hover);
}

.button-secondary{
    background:white;
    color:var(--color-text);
    border:1px solid var(--color-border);
}

.button-secondary:hover{
    background:#F9FAFB;
}

.button-danger{
    background:var(--color-danger);
}

.button-small{
    padding:8px 12px;
    font-size:.9rem;
}

/* Deaktiverede knapper skal kunne ses.
   Står bevidst sidst i filen, så den slår
   .button-secondary:hover og de øvrige varianter. */
.button:disabled,
.button:disabled:hover{
    background:var(--color-border);
    color:var(--color-text-muted);
    border-color:var(--color-border);

    cursor:not-allowed;
    box-shadow:none;
}