I have a WordPress WooCommerce website and i need to align buttons on same height level even when text above vary
the link to my website

https://24.sahaap.com/

i tried to fix it through CSS code but it seems it didn’t work?

<a href="?add-to-cart=5086" data-quantity="1" data-title="ستريم مشروب غازي 30 حبة 185 مل" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="5086" data-product_sku="AB123456830" aria-label="Add to cart: “ستريم مشروب غازي 30 حبة 185 مل”" aria-describedby="" rel="nofollow"><i class="p-icon icon-bag2" data-rel="tooltip" title="اضف للسلة"></i><span class="add-to-cart-text">اضف للسلة</span></a>