button {
    background-color: var(--color-highlight-sitename);
    padding: 1rem 2rem;
    border-radius: 1rem;
    /* font-family: var(--font-family-body); */
    font-family: var(--font-family-sitename);
    border: 1px solid transparent;
    color: var(--font-color-invert);
    font-size: var(--font-size-l);
    box-shadow: unset;
    text-transform: uppercase;
    /* border: unset; */
    transition: var(--transition-animation);
    cursor: pointer;

    user-select: none;
}

button.small {
    font-size: var(--font-size-s);
    padding: 0.5rem 0.7rem;
}

.button-compact {
    max-width: 20rem;
}

button:hover {
    /* filter: invert(1); */
    color: var(--color-highlight-sitename);
    background-color: var(--font-color-invert);
    /* background-color: var(--font-color-body); */
    border: 1px solid black;
}