CSS текстовое оформление не работает при наведении ссылки

Question

Следующие CSS коды вызывают оранжевое подчеркивание (# FFAA00) при наведении курсора на ссылку.

    a:link {
        color: #222;
        text-decoration: underline solid #222 2px;
    }

    a:hover {
        text-decoration: underline solid #FFAA00 2px;
    }

<a href="https://example.com">Test hover link</a>

Но в Safari (v13) при наведении курсора на ссылку - цвет подчеркивания не меняет цвет (остается то же самое активное # 222 подчеркивание).

Что я делаю не так?

Я ссылался на руководство по оформлению текста CSS, а Safari поддерживает текст -украшение; однако по какой-то причине в Safari он не выполняет переход href к оранжевому подчеркиванию при наведении курсора.