Center justify text and button in flexbox? [duplicate]

Question

Possibly the millionth person to post here about The Odin Project...project?

I'm trying to center justify both the text and button within a flexbox but they both seem to sit on the top line. I've tried various different combinations, but have been unable to solve it.

This is my code:

.call-action {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}

.call-action div {
  background-color: #3882f6;
  height: 70px;
  width: auto;
}

<div class="call-action">
  <div class="call-action-text">Call to action it's time.
    <p>Sign up for our product by clicking on that button right over there.</p>
  </div>
  <div class="call-action-button"><button>Sign Up</button></div>
</div>

Any help you could give me would be appreciated. If you wanted to check it, here's my project page. Thanks.