adding padding to image

v7.0.3, how do I add padding to an icon?I would like space between the credit-card icon and the following word. I don't want to adjust css.

<li class="page-link page-item active">
    <a class="text-light" href="login.php"><i class="bi-person-circle"></i>Login</a> or
    <a class="text-light" href="loginnew.php"><i class="bi-credit-card"></i>Subscribe to view more events</a>
</li>