Alinhamento Fixo de Buttons Cards Primefaces

Front-end
#1

Bom dia,

Estou tentando alinhar dois Buttons, o "Editar e o “Excluir” em Primefaces, em uma posição fixa, em baixo, onde todos fiquem alinhados na mesma posição.

Foto dos Cards:

image
image1920×1080 268 KB

Código Primefaces:

<h:panelGroup rendered="#{controleManualDoc.consulta}">

                <div class="card">

                <div class="flex align-items-stretch flex-wrap card-container blue-container" style="min-height: 250px">

                <p:repeat value="#{controleManualDoc.documentacaoList}" var="cardDoc">

                    <p:card style="width: 25em; height: 45em; margin-bottom: 7em; padding-right: 1rem;">
                        <f:facet name="header">
                            <img alt="user header" src="#{cardDoc.imagem.urlLeitura}"/>
                        </f:facet>
                        <f:facet name="title">
                            #{cardDoc.titulo}
                        </f:facet>

                        <p>#{cardDoc.descricao}</p>

                        <f:facet name="footer">
                            <p:commandButton icon="pi pi-pencil" value="Editar" update="@form" actionListener="#{controleManualDoc.editar(cardDoc)}"/>
                            <p:commandButton icon="pi pi-trash" value="Excluir" update="@form" actionListener="#{controleManualDoc.excluir(cardDoc)}" styleClass="ui-button-danger" style="margin-left: .5em;"/>
                        </f:facet>
                    </p:card>
                </p:repeat>
                </div>
                </div>
            </h:panelGroup>

Obrigado.