How can I align the 'add to cart' button on mobile view?

Can someone help me out and tell me how to fix this problem I would like for “Add to cart” to be symmetrical.

The link to the following is: https://admin.shopify.com/store/d893b5-2/themes/151095574863/editor?previewPath=%2Fcollections%2Ffrontpage&section=template–19273068839247__template-collection

P.S. The desktop version looks alright. It is only the mobile version that struggles.

@vhR1 - can you please share the site link and not admin link? it is happening due to title size where few have 3 lines and few have 1… so css needs to be set to make all titles equal height, this will add some space

Alright, I see, my bad.

https://seedsdelux.lu/collections/frontpage

@vhR1 - add this css to the very end of your base.css file and check. adjust number as per the need

@media screen and (max-width:749px){
.product-item-title{min-height: 50px;}
}

Did so, it fixed the bottom one but the top one still looks off..

I did it now it look perfect, thank you!!!