a {
    background-color: transparent;
    color: var(--fgColor-accent);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:not([href]) {
    color: inherit;
    text-decoration: none;
}

a:focus,
[role=button]:focus {
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: -2px;
    box-shadow: none;
}

a:focus:not(:focus-visible),
[role=button]:focus:not(:focus-visible) {
    outline: solid 1px transparent;
}

a:focus-visible,
[role=button]:focus-visible {
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: -2px;
    box-shadow: none;
}

a:not([class]) {

    &:focus,
    &:focus-visible {
        outline-offset: 0;
    }
}