Help with side by side buttons on mobile

Site URL: https://raspberry-lavender-gzxh.squarespace.com/

I'm looking for CSS to make these two circle buttons side by side on mobile. I've found this answered lots of places but still can't seem to get it to work. 

Site password is 1234

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1651630136815_6612+.row>.col:nth-child(-n+2) {
    width: 40% !important;
    float: left !important;
}}