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.