Bottom Bar Actions

<div class="position-relative py-13">
    <div class="d-flex bottom-bar-action bottom-bar-action-01 py-2 px-4 bg-gray-01 align-items-center position-absolute fixed-bottom">
        <div class="media align-items-center">
            <img src="../../images/irene-wallace.png" alt="Irene Wallace" class="mr-4 rounded-circle">
            <div class="media-body">
                <a href="#" class="d-block text-dark fs-15 font-weight-500 lh-15">Irene Wallace</a>
                <span class="fs-13 lh-2">Sales Excutive</span>
            </div>
        </div>
        <div class="ml-auto">
            <button type="button" class="btn btn-primary fs-18 p-2 lh-1 mr-1 mb-1 shadow-none" data-toggle="modal"
                    data-target="#modal-messenger"><i class="fal fa-comment"></i></button>
            <a href="tel:(+84)2388-969-888" class="btn btn-primary fs-18 p-2 lh-1 mb-1 shadow-none" target="_blank"><i
                    class="fal fa-phone"></i></a>
        </div>
    </div>
</div>

<div class="position-relative py-13">
    <div class="bottom-bar-action py-2 px-4 bg-gray-01 position-absolute fixed-bottom">
        <div class="container">
            <div class="row no-gutters mx-n2 mxw-571 mx-auto">
                <div class="col-6 px-2">
                    <a href="#modal-messenger" data-toggle="modal"
                       class="btn btn-primary btn-lg btn-block fs-14 px-1 py-3 h-auto lh-13">Send Message</a>
                </div>
                <div class="col-6 px-2">
                    <a href="tel:(+84)2388-969-888"
                       class="btn btn-primary btn-lg btn-block fs-14 px-1 py-3 h-auto lh-13">Call</a>
                </div>
            </div>
        </div>
    </div>
</div>