Code block "bounding/scale box" very large and awkward making it hard to accurately place it on my page.

Hello,

I'm trying to get this code block that I designed as a button to better fit in my page but the code block looks like this when I'm working on my website and as a result I can't align it properly like the rest of my buttons.

As you can see the "bounding box" is very big on the code block and makes it very awkward to place anywhere accurately.

This is the code I'm running:

<a href="#!" class="sqs-block-button-element--medium sqs-block-button-element sqs-button-element--primary" id="buy">Buy now</a>
<script type="text/javascript">
	function openCheckout() {
		Paddle.Checkout.open({ product: 111111 });
	}
	document.getElementById('buy').addEventListener('click', openCheckout, false);
</script>

If anyone has any tips that would be appreciated!

Add this to Custom CSS, then refresh the page and resize the block:

html.squarespace-damask .sqs-blockStatus, .sqs-block .removed-script {
  display: none !important;
}