Customizing Product Page with External Links

Howdy!

I customized some of my product pages using the code below to hide the "add to cart" button, the quantity and the variant, and it looks great on desktop but has a huge gap on mobile (see attached photo). 

Thanks for your help!

<style>
.product-quantity-input {display:none;visibility:hidden;}
.variant-option { display: none!important; }
.ProductItem-details .sqs-add-to-cart-button-wrapper { display: none; }
.ProductItem-details .ProductItem-details-excerpt a { 
    background: #DA4C58; 
    padding: 15px; 
    color: white; 
    text-decoration: none; }
</style>

Can you share link to this product? We can check easier

Sure! Thanks for your help.

https://www.jessbrownrd.com/shop/p/regular-girl-probiotic

Thanks a ton, that worked!