How do I make buttons smaller for mobile ONLY

Site URL: https://begonia-garlic-lpx7.squarespace.com

Hiya,

I got my home page looking great on computer view, but now it looks sloppy on the mobile view. I've attached pics. Can someone help me? It's the FINAL thing to fix before I switch domains over 🙂

https://begonia-garlic-lpx7.squarespace.com

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-62be887145f98f2c6b5f243c .span-4 {
    width: 33.3333% !important;
    float: left !important;
}
div#page-section-62be887145f98f2c6b5f243c .button-block {
    padding: 5px !important;
}
}