.header__button {
    display: inline-grid;
    grid-auto-flow: column;
    place-content: center;
    gap: 0.5rem;
    background: none;
    border: none;
    padding: 0;
    font: 400 1em/1 'Arial Rounded MT Bold', sans-serif;
    color: var(--header-link-color);
    text-transform: uppercase;
    letter-spacing: 0.1em;

    &:focus, &:hover { color: var(--header-link-highlighted); }
}