.header__button {
    display: inline-grid;
    grid-auto-flow: column;
    place-items: center;
    gap: 0.5rem;
    background: none;
    border: none;
    padding: 0;
    font: 600 1.25em/1 'Barlow Condensed', sans-serif;
    color: var(--gray);
    text-transform: uppercase;
    letter-spacing: 0.1em;

    &:focus-visible, &:hover { color: hsl(from var(--gray) h s calc( l + 50)); }
}