Tengo el siguiente div, que lo que trato de realizar es colocar en 2 filas mostrar 3 botones, distribuidos de la siguiente manera en la primera fila 2 botones y en la 3era uno solo, el problema o duda con la que vengo es en la primera fila al poner `col-lg-6` automáticamente como que me da un salto de linea y se va debajo.

    <div class="justify-content-center">
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12">
                <a class="col-sm-12 col-md-6 col-lg-6 btn btn-success" style="margin-top: 5px" asp-route-id="@item.PAC_ID" asp-area="Paciente" asp-page="/Account/Detalle">
                    Detalle.
                </a>
                <a class="col-sm-12 col-md-6 col-lg-6 btn btn-success" style="margin-top: 5px" asp-route-id="@item.PAC_ID" asp-area="Presupuesto" asp-page="/Account/Reg_Presup">
                    Presup.
                </a>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <a class="btn btn-success col-sm-12 col-md-12" style="margin-top: 5px" ; asp-route-id="@item.PAC_ID" asp-area="Paciente" asp-page="/Account/Detalle">
                    Historia Clinica.
                </a>
            </div>
        </div>
    </div>


Así me queda al depurar:

[![introducir la descripción de la imagen aquí][1]][1]


¿Que estaría realizando de manera incorrecta?

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
    <div class="justify-content-center">
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12">
                <a class="col-sm-12 col-md-6 col-lg-6 btn btn-success" style="margin-top: 5px" asp-route-id="@item.PAC_ID" asp-area="Paciente" asp-page="/Account/Detalle">
                Detalle.
                </a>
                <a class="col-sm-12 col-md-6 col-lg-6 btn btn-success" style="margin-top: 5px" asp-route-id="@item.PAC_ID" asp-area="Presupuesto" asp-page="/Account/Reg_Presup">
                Presup.
                </a>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <a class="btn btn-success col-sm-12 col-md-12" style="margin-top: 5px" ; asp-route-id="@item.PAC_ID" asp-area="Paciente" asp-page="/Account/Detalle">
                Historia Clinica.
                </a>
            </div>
        </div>
    </div>
<!-- end snippet -->

Anexo un imagen de como quisiera que quede, en la primera es la versión de escritorio y en la segunda es la versión móvil, el problema solo es en la versión de escritorio.

[![introducir la descripción de la imagen aquí][2]][2]


  [1]: https://i.sstatic.net/LQpm0.png
  [2]: https://i.sstatic.net/A9ZTZ.png