horizontal alignment

Me again, sorry! Hopefully my last question for now ??

I have a page which is structured as follows:

section one: full width text

section two: 3 columns with bullet lists of different lengths; 3 corresponding buttons underneath

section 3: full width content

Since the bullet lists are different lengths, the buttons underneath, despite being separate items, end up not being horizontally aligned as they each sit underneath the end of the list above. Hope that makes sense?

I would like the buttons to be horizontally aligned right underneath the columns above. The only fix I found for this was to start a new section for the buttons, which is fine for desktop but then on mobile this means the 3 column lists are displayed, then followed by the 3 buttons all in one go. This is no good because each button corresponds to the content above it.

Is there a way to configure the page so it works on both desktop and mobile? I can send the page link privately if needed, I don’t want to post it publicly as it’s not ready. Hopefully my description describes it adequately!

Would love to go live with this page this week so any help is greatly appreciated.