Blog "Read More" change help w code

Hello,

best I can get is this code:

a.blog-more-link {
    visibility: hidden;
}
a.blog-more-link:before {
    content: "Continue";
    visibility: visible;
}
.blog-more-link:after {
    visibility: visible;
}

but the extended underline is obviously a problem. I can remove the line completely, made it read on hover for fun -  but I know my client won't like that. They'll want a normal line that fits the word.

I've tried other codes associated with this issue on a different post and none of them worked, this is as close it came to looking right. but the line going way off the en dis not a good look. Help?

https://www.lindasirow.art/blog

sorry my client made me remove the change because they didn't like the line.

it did this - Continued______  <that weird extra space with underline won't go away with the code above. 

I found some Injections for the footer in another post but they did absolutely nothing, posts were from like 2022. 

Use this CSS code instead

a.blog-more-link {
    visibility: hidden;
}
a.blog-more-link:before {
    content: "Continue";
    visibility: visible;
    border-bottom: 1px solid currentColor;
}
.blog-more-link:after {
    visibility: visible;
    display: none;
}