How do you get buttons to go side by side and not stacked on mobile version only?

Site password: New

Trying to get the buttons in two columns on mobile version and not stacked. Is there any custom CSS that can help with this? 

https://www.westcountrywineshop.co.uk

Thank you in advance!! 

@media (max-width: 640px) {
  .sqs-layout .sqs-col-12 [class*=sqs-col] {
    float: left !important;
    width: 50% !important;
  }
}

This is one approach to achieve what you want.

This method also worked for me. 

@media screen and (max-width: 640px){
.sqs-layout [class*="sqs-col"] {
    float: left !important;
}

.col.sqs-col-3.span-3 {
    width: 47% !important;
}
}