<div class="login text-center">
    <button data-provider="github" class="login-button btn btn-primary btn-lg">
        <i class="fa fa-github-alt fa6"></i> It's time to log in <i class="fa fa-sign-in"></i>
    </button>
</div>
<span class="logout">
    <span>You are logged as <strong data-key="login"></strong>. </span>
    <button class="logout-btn btn btn-danger">
        <i class="fa fa-sign-out"></i>
        Logout
    </span>
</span>

<div class="login text-center">
    <button data-provider="github" class="login-button btn btn-primary btn-lg">
        <i class="fa fa-github-alt fa6"></i> It's time to log in <i class="fa fa-sign-in"></i>
    </button>
</div>
<span class="logout">
    <p>You are logged as <strong data-key="login"></strong>. </p>

    <button class="logout-btn btn btn-danger">
        <i class="fa fa-sign-out"></i>
        Logout
    </span>
</span>

Use p instead of span
Use p instead of span
