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;
}

#scroll-to-top-button {
    display: none;
    position: fixed;
    right: .5rem;
    bottom: .5rem;

    border: 1px solid #72741f;
    background: white;
}

#scroll-to-top-button:hover,
#header-menu-icon:hover {
    /* filter: invert(1); */
    background-color: #72741f;
}

#scroll-to-top-button:hover svg,
#header-menu-icon:hover {
    fill: white;
}