dt {
    color: var(--gray-600);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 500;
}

a {
    color: var(--anchor-default);

    &:hover,
    &:focus,
    &:focus-visible {
        color: var(--anchor-hover);
        text-decoration: none;
    }

    &:active {
        color: var(--anchor-active);
    }

    &:focus-visible {
        outline: 2px solid var(--anchor-focus-hover-outline);
        border-radius: 0.05rem;
        outline-offset: 2px;

        &:active {
            outline-color: var(--anchor-focus-active-outline);
        }
    }
}