a,
.anchor {
    color: var(--secondary);

    font-weight: 500;
    transition: color 0.2s ease-in-out;

    &:hover {
        color: var(--secondary-hover);
    }

    &:focus,
    &:active {
        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

        background-color: rgba(var(--secondary-rgb), 0.2);

        text-decoration: underline;

        outline: none;
    }

    &[role='button'] {
        color: var(--text);
    }
}