How to vertical align text inside a bootstrap col

Question

I have these lines of code:

<div class="container text-center">
    <div class="row mt-3 border border-dark">
        <div class="col-3">                
            <button class="btn btn-primary">MyButton1</button>
        </div>

        <div class="col-6">
            <span class="align-bottom">MyText</span>
        </div>

        <div class="col-3">           
            <button class="btn btn-primary">MyButton2</button>     
        </div>
    </div>
</div>

I want the text "MyText" to be vertically centered inside the column: