Изменение цвета подчеркивания у ссылки

Зададим разный цвет для текста ссылки и для ее подчеркивания: text-decoration-color

Исходный код этого примера:

<style>
    a.text-decoration-color {
        color: blue;
        text-decoration: underline;
        text-decoration-color: red;
    }
    a.text-decoration-color:hover {
        color: red;
        text-decoration-color: blue;
    }
</style>
    <p>
        Зададим разный цвет для текста ссылки и для ее подчеркивания:
        <a href="/css/example/text-decoration-color.php" class="text-decoration-color">text-decoration-color</a>
    </p>