Align buttons in columns

Site URL: https://www.bohosocial.com.au/

No matter what I try I cannot get the buttons to so sit inline with each other on my homepage due to the text being different lengths. I have tried all the suggested code I can find on forums but nothing seems to work 😞 I haven'tencounteredd it looking so bad before.

I have followed this tutorial as well with no luck https://donnavincentdesigns.com/blog/align-uneven-squarespace-buttons

Not wanting to use line breaks and spacers. 

Thanks in advance!

Solved with the code

@media screen and (min-width: 901px) {
    div#page-5cf717904830f600018f2446 .row:nth-child(n+2) {
        display:flex
    }

    div#page-5cf717904830f600018f2446 .row:nth-child(n+2) .span-4 {
        flex: 1;
        position: relative;
        padding-bottom: 100px
    }

    div#page-5cf717904830f600018f2446 .button-block {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 100%;
        transform: translatex(-50%)
    }
}