Product Price /Afterpay logo CSS

I’m wondering if its at all possible to add CSS to force the product price to display under the product description and directly above the add to cart button on mobile tablet and desktop. 

At the moment it displays under the product title and above the description and I feel like flow of that is a bit weird Also any idea how to remove random white space padding from around the learn more (Additional Information,  accordion) any help would be greatly appropriated

Photo for reference / tablet

Website :www.enchantanddelight.com.au

thank you 

Try adding to Design > Custom CSS

/* price position */
.ProductItem-product-price {
    order: 2 !important;
}
.ProductItem-details-checkout {
    display: flex !important;
}
.product-price {
    order: 2 !important;
}
.ProductItem-details-excerpt {
    order: 1 !important;
}