.header-link {
    padding: var(--space-1) var(--space-3);
    background-color: var(--grey-dark);
    color: var(--white);
    font-weight: var(--weight-semiBold);
    text-decoration-line: none;
    white-space: nowrap;
}

@media (hover: hover) {
    .header-link:hover {
        color: var(--yellow);
        font-weight: var(--weight-semiBold);
        text-decoration-line: none;
    }
}