Why does modifying the “read more” link remove the link class?

Question

I'm using the following code (found on the WordPress.org site) to modify my (more…) text:

//Modify "read more" text
function modify_read_more_link() {
    return '<a class="more-link" href="' . get_permalink() . '">(Continue…)</a>';
}
add_filter( 'the_content_more_link', 'modify_read_more_link' );

The code works as expected, in the sense that (more…) is properly replaced by (Continue…), and the link works as intended. However, there is a peculiar issue: The class more-link has disappeared, which means styling doesn't work. I attempted to circumnavigate the issue by adding styling inline (return '<a style="font-size:0.8em;" href="' . get_permalink() . '">(Continue…)</a>';) but that hasn't worked either.

My Question:
Why has the class more-link disappeared, and how can I restore it?

Note: I add the code above to functions.php; I'm not using a child theme.

Answer 1

Perhaps there is an issue with the "Ellipsis" HTML character you are using?

function modify_read_more_link() {
    return '<a class="more-link" href="' . get_permalink() . '">( Continue &hellip; )</a>';
}
add_filter( 'the_content_more_link', 'modify_read_more_link' );