how to make a button two lines text and icon vertically centered
<p><a href="https://i.stack.imgur.com/Bi7t0.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Bi7t0.jpg" alt="enter image description here"></a></p>

<p>how to make html button like this picture?
two line text.vertical centered.</p>

<p>here is my code</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.btn {
  display: block;
  background: #ffffff;
  box-shadow: none;
  border: 1px solid #CECECE;
  border-radius: 4px;
  margin-bottom: 5px;
  color: #19d197;
}

.bz-fa-icon {
  margin-right: 5px;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/&gt;
&lt;button class="btn"&gt;&lt;i class="fa fa-check bz-fa-icon"&gt;&lt;/i&gt;
     Confirm&lt;br&gt;
     Return
&lt;/button&gt;</code></pre>
</div>
</div>
</p>