a, button {
    --bs-link-color: var(--color-brand);
    --bs-link-hover-color: var(--color-brand);
}

a.link, button.link {
    padding-bottom: var(--space-sm);
    background-color: var(--color-transparent);
    border: 0;
    border-bottom-width: var(--border-size);
    border-bottom-style: solid;
    border-bottom-color: var(--color-text-light);
    color: var(--color-text-primary);
    text-decoration: none;
    transition: color var(--transition-speed) ease, border-bottom-color var(--transition-speed) ease;
}

a.link:hover, a.link:focus, button.link:hover, button.link:focus {
    background-color: var(--color-transparent);
    color: var(--color-brand);
    border-bottom-color: var(--color-brand);
}