If you use a button and set its style to NONE (which removes all CSS), you can then create a Custom Class for the button, and match the Normal & Hover state settings, and this way there will be no hover effect, and still use Interactions for the button to link to your blog post.
Edit the button class in the Custom Class editor, making the button the size you want, and place an image using the background pane, making it the same size as the button — the sequence of doing this doesn’t really matter.
Then add a text bric (any kind will do) below the button/image, and use the text alignment settings to center or right/left align the text.
You can then use the freehand controls for the text box to pull the text up and over the image, which will auto-generate a Custom Class for the text with a negative top margin, what you just did with the freehand move. You can then open this auto-generated Custom Class and rename it to suit your preferences.
Then use this text’s Custom Class to do the rest of the styling, including adjusting the text’s margin/padding settings in the Class Editor (replicating it for both Normal & Hover).
This should work…though it takes some work to do.
You will also have to manage Column controls for the overlapping text on top of the button/image for each breakpoint.