Help with text in Gutenberg

Keep your existing CSS and try adding this:

@media ( max-width: 400px) {
    .linked-heading {
        padding-right: 65px;
        position: relative;
    }
    .linked-heading a {
        position: absolute;
        right: 0;
        top: 0;
    }
}

You can reduce or increase the 400px width to suit.

But there is no way with CSS that you can determine when text is about to wrap to a new line.

Wow David! You are amazing.

Thank you very much for everything and sorry for the inconvenience.

Glad to be of help :)