a.button, button {
    border:2px solid var(--color_highlights);
    color:var(--color_highlights);
    padding: 5px 10px;
    display: inline-flex;
    border-radius: 8px;
    background: none;
    cursor: pointer;
}
a.button:hover, button:hover {
    background-color: var(--color_highlights);
}

a.button:active, button:active {
    box-shadow: 0px 0px 0px 4px var(--color_highlights20);
}

a.button:hover, button:hover,
a.button:hover *, button:hover * { 
    color:#fff!important;
}
a.button > *, button > * {
    margin: auto;
        display: inline-block;
}
a.button > *:not(:first-child) {
    margin-left: 5px!important;
}
a.button, a.button * {
     color:var(--color_highlights);
}
a.button-big {
    padding: 10px 20px;
    margin: auto;
}

a.button > *:not(:first-child) {
    margin-left: 5px;
}