image spacing on mobile (SOLVED)

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

I use images as buttons on my homepage and spacers to place them in a way I find appealing. Under my name there are three buttons in a row, with one button below that centred to the screen. On mobile however, the button on the bottom is all the way on the left of the page - the spacers seem not to show. Any way to get it to centre screen in mobile?

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-5db65cba7161a11f1870d85d .span-12>.row:nth-child(4) .span-2 {
    float: none !important;
    margin: 0 auto;
}
}