I have two divs one contain text and another contain button,

Here is what I wnat to have: 

1.[![enter image description here](https://i.stack.imgur.com/YFxR2.png)](https://i.stack.imgur.com/YFxR2.png)

2. [![enter image description here](https://i.stack.imgur.com/gHIxS.png)](https://i.stack.imgur.com/gHIxS.png)

```css
.stalin::after {
   content: '';
   background-image: url('https://thumb.ibb.co/e3WZQU/Ellipse_2.png');
   position: absolute;
 }
.trump:after{
   content: '';
   background-image: url('https://thumb.ibb.co/d4BOKp/Ellipse_3.png');
   position: absolute;
}
.marketing-primary{
   color:black;
   font-family: Roboto Regular;
   width: 373px;
   height: 92px;
   background-color:white ;
}
```

```html
<div class="stalin">
  <p>Germany is dying slowly</p>
</div>
<div class="trump">
  <button type="button" class="marketing-primary">Dowiedz się wiecej</button>
</div>
```

I tried different aproach nothing is working? any idea how to achieve what I want?