Buttons Side By side on mobile

Hi!  I have this problem. I managed to get the buttons side by side, but I have a problem with the learn more button, see the image bellow. Site: https://www.metcalfmethod.com. I tried adding  this code but won't work.

div#page-section-624cabb35a3219421a546834 .button-block a {
    font-size: 12px;
}
}

This is the code I am using:

//* mobile buttons side by side */
@media screen and (max-width:767px) {
div#page-section-6265576ad240466a7d573273 .span-6 {
    width: 50% !important;
    float: left !important;
}}

Hi.

It looks like you figured it out?