Add a second button to product details page

I added a "Learn More" button above the add to cart on the product page, but now it's also appearing on the "add-on" product, which is not intended. Below is the code I used. Do you have any ideas on how to fix this?  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
        $('section.ProductItem-additional .button-block').insertBefore('.ProductItem-details .sqs-add-to-cart-button-wrapper');
    });
</script>

Site: https://accordion-clarinet-az49.squarespace.com/shops/p/style-01-ej5na-4l2gy-r5why

Password: thecontent

@kat24 Hi! You can update your script to the following:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
        $('section.ProductItem-additional .button-block').insertBefore('.ProductItem-details .ProductItem-quantity-add-to-cart .sqs-add-to-cart-button-wrapper');
    });
</script>

Or simply just add this CSS code under Website > Pages > Website Tools > Custom CSS

.add-on-card .button-block {
    display: none !important;
}