JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div style="display: table; width: 100%;">
    <p style="display: table-cell; text-align: center;">
        <a class="btn btn-primary" href="tel:2125550101">Call Us</a>
    </p>

    <p style="display: table-cell; text-align: center;">
        <a class="btn btn-primary" href="#"  target="_blank">Website</a>
    </p>
</div>

<br>
<br>
    
<div class="hotel-btn-container">
    <p class="hotel-btn">
        <a class="btn btn-primary hotel-btn" href="#">Call Us</a>
    </p>
    <p class="hotel-btn">
        <a class="btn btn-primary hotel-btn" href="#">Website</a>
    </p>
</div>

CSS

hotel-btn-container {
    display: table;
    width: 100%;
}

hotel-btn {
    display: table-cell;
    text-align: center;
}