Button alignment is staggered

Site URL: https://www.denverbarbariansrugby.com/

I am trying to make the player history and club history buttons aligned next to each other on the mobile view of my site instead of being staggered seen in the screenshot above. Can anyone advise on the CSS needed to make this change?

It looks like you solved with this CSS/

@media screen and (max-width: 767px) {
    .homepage section:first-child {
        height:35vh !important;
        min-height: unset !important
    }

    #block-yui_3_17_2_1_1645037986326_7664+.sqs-row {
        display: flex
    }

    #block-yui_3_17_2_1_1645037986326_7664+.sqs-row .sqs-col-4 {
        flex: 0 0 33%
    }

    .sqs-block-button * {
        text-align: center !important
    }
}