Adjust padding on PRODUCT PAGE GRID between products MOBILE

Hello!
I am trying to adjust the spacing between products on MOBILE. 

1. Move the Add to Bag button up, closer to the image and tittle

2.Adjust padding (marked in red) between product/images

3. Lastly, is it possible to also adjust the sapcing between the bottom of each image and the Product title 

Thanks in advance!

Hi,

Can you share link to this page? We can check easier

@tuanphan

Here it is: https://www.lacalifornie.es/all/furniture
Thanks for looking into this!

41 minutes ago, LucyBold said:

@tuanphan

Here it is: https://www.lacalifornie.es/all/furniture
Thanks for looking into this!

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

@media screen and (max-width: 767px) {
    .products.collection-content-wrapper .list-grid {
        grid-column-gap: 6vw;
        grid-row-gap: 10vw;
    }
    .products.collection-content-wrapper .list-grid .sqs-add-to-cart-button, .products.collection-content-wrapper .grid-item {
        margin: 0 !important;
    }
}

Thanks @Web_Solutions, already applied your code, looking good!
Can i also adjust the side padding of the colums? See attachment 

Thank you so much @Web_Solutions. It worked!