Mis-formatting on mobile

Site URL: https://butterfly-lychee-tps6.squarespace.com/config/

Hello,

Can you please assist me in how I can stop the button from formatting incorrectly on the orange/blue background? I have the button in the middle and no matter how I shift it, when I switch to mobile it renders incorrectly. Thanks!

Mobile - button looks misaligned

Desktop - Button is aligned in middle

Hi. Your site is private. Can you setup password & share url?

https://butterfly-lychee-tps6.squarespace.com/config/

122500guia

It looks like you solved with this CSS/

@media (max-width: 600px) {
    section[data-section-id="605d157f3cb3665b0f2721c6"] {
        min-height:20vh !important
    }

    #block-yui_3_17_2_1_1616713549126_5455 {
        padding: 0;
        transform: translatey(30px)
    }

    section[data-section-id="6032f917f3f303090786fcca"] {
        margin-top: 20px
    }
}

On Footer tablet, I see this. Do you want to increase column 3 + 4 width?