Hi Team
I need help with my div card it is centred but the button is not properly inline with the div card. Also reducing the container its wide open
$htmlForm = '<div class="card text-center">
<div class="card-body">
<div class="col-lg-6 mx-auto">
<div class="blog-3-each mb-30 transition-4">
<div class="blog-date text-left text-sm-center">
<img src="img/payfast.png" alt="Icon">
</div>
<div class="blog-content">
<h5 class="fs-19 f-700 mb-10">
</h5>
<div class="hr-1 opacity-1 mt-10 mb-10"></div>
<p><b> You can easily make an online payment below using PayFast.</b></p>
<input required type="hidden" name="cmd" value="_paynow">
<input required type="hidden" name="receiver" pattern="[0-9]" value="' . $data['merchant_id'] . '">
<input required type="hidden" name="item_name" maxlength="255" value="Pay Now">
<input required type="amount" name="amount" value="'. $data['amount'].'">
<input required type="hidden" name="merchant_id" value="' . $data['merchant_id'] . '">
<input required type="hidden" name="merchant_key" value="' . $data['merchant_key'] . '">
<input required type="hidden" name="return_url" value="' . $data['return_url'] . '">
<input required type="hidden" name="cancel_url" value="' . $data['cancel_url'] . '">
<input required type="hidden" name="notify_url" value="' . $data['notify_url'] . '">
<input required type="hidden" name="email_address" value="' . $data['email_address'] . '">
<input required type="hidden" name="name_first" value="' . $data['name_first'] . '">
<input required type="hidden" name="name_last" value="' . $data['name_last'] . '">
<div class="text-center">
<input type="image" src="images/buttons/PayNow/Dark-Large-PayNow.png" alt="Pay Now" title="Pay Now with Payfast">
</div>
</form>
</div>
</div>
</div>
</div>
</div>';
echo $htmlForm;