Make price appear on the same line as the title in a product block

https://www.hallowapotheca.com

I’d like to make the price appear on the same line as the title of product blocks as shown in attached pic. Any way to do that? I’ve tried various codes from similar questions on the forum but they haven’t worked. TIA

Can you share your website URL and this page? Thanks!

The website is https://www.hallowapotheca.com/

and the url for the page shown is https://www.hallowapotheca.com/shop

Try this Custom CSS:

section[data-section-id="63cc7ae8b155d84db08b356f"] {
  #productDetails {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .product-price {
    margin-top: 1.5em;
  }
}

I plugged that into Custom CSS but nothing changed