Reposition child element

I am trying to make https://teainc.staging.wpengine.com/whatsnew1/ look like https://tinyurl.com/gpefnw6.

Specifically, make the ‘read more’ appear at the end of the excerpt.

I am using Visual Composer, and it creates a grey rectangle below the excerpt, an icon, and then the ‘read more’. I don’t want all that, I just want the ‘read more’ at the end of the excerpt, just like on https://tinyurl.com/gpefnw6.

The plugin is Visual Composer, and has an area for custom CSS at the bottom. I’m not a developer, I know some HTML and CSS, and I tried a few things.

I checked inspector, and for the area I am looking at, I see:

div class=”post-footer”
div class=”button-love”
..
div class=”post-links”
a href=”https://teainc.staging.wpengine.com/tea-launches-new-website/”

So, I think the part I need is a child element, and, if I am correct, I need to remove it’s parents somehow, and then have it move up to show after the excerpt.

I was able to make the grey area and icon disappear with:

.post-footer {
  visibility: hidden;
}

.post-more {
 visibility: visible;
}

.post-excerpt, .post-more {
    display: inline !important;
}

but it does not move the ‘read more’.

Can this be done, and if so, in CSS?
Do I need to modify the plugin itself? If so, will it break if the plugin updates?