Text wrap around a shortcode within a shortcode

Hi all,

I would like to use the “callout” shortcode in my WordPress theme, which applies a background color to a small area (and serves to highlight the text within it). I would also like to use the “button” shortcode within the “callout” shortcode, so that a clickable button will be right next to the text. An example of this is on the WordPress theme preview page:

Click https://www.turkhitbox.com/themes/?theme=verse, and then click “Home” at the top, and then “Front Page Example 4”, and you’ll see the red button at the bottom inside the “callout” shortcode (for an example of what I’m talking about).

My question is, how do I wrap the text as seen on the page above? Whenever I input the code below, the text within the “callout” shortcode won’t wrap around the button, and instead forces the button to go below the text.

[callout color="#edebec"]Content goes here[button color="blue" link="https://www.google.com" align="alignright"]Content[/button][/callout]

I ask since the theme creator is no longer answering questions. Thanks for all of your help!