WooCommerce align Warenkorb-Button bei ähnlichen Produkten/Upsells

Hallo,
ich habe CSS Code geschrieben damit bei den Upsells und ähnlichen Produkten in WooCommerce
1. die Buttons auf gleicher Höhe erscheinen
2. der Produkttitel immer vertikal zentriert ist und
3. die Dauer nicht neben dem Preis, sondern unter dem Preis angezeigt wird.

In der Elementor Vorschau wird es mir richtig angezeigt, auf der Seite selbst funktioniert nur das mit der Dauer. Ich bin ziemlich ratlos.

Das ist der gesamte Code:

ul.products li.product {
    display: flex;
    flex-direction: column;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    margin-bottom: auto;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link h2 {
    line-height: 4ex;
    height: 12.5ex; display: flex; align-items: center; justify-content: center;
}
.woocommerce ul.products li.product .duration {
   display: grid; justify-content: center; margin-top: 6px; font-size: 14px; font-weight: 500;
}

Hat irgendjemand einen Rat? Ich danke euch vielmals im Vorhinein für eure Mühen!

Herzliche Grüße
Angelika

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]