Generate Blocks problem aligning buttons in different columns

Hi there,
I've been super impressed with how easy generate blocks has made building up a grid layout on the page. But I'm having an issue whereby I'm trying to align the call to action buttons to the bottom of each column in a grid so that they all look like they are in a row. I have managed to do this on my homepage using this bit of custom css:

.align-bottom-button .gb-grid-column>.gb-container>.gb-inside-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.align-bottom-button .gb-grid-column>.gb-container>.gb-inside-container>.gb-button-wrapper{
    margin-top: auto;
}

However, on this page that I am working on, there is a much bigger gap between the call to action buttons and the paragraphs above them on the second row of columns compared to the first row. I've checked all the spacing on the containers etc and they are identical to the columns in row 1. There is also no min height attached to any of them. If you have any ideas how I can reduce this gap between the second row of cta buttons and the content above them this would be most appreciated. Thanks.