Stick "toghether" two element so that they do not overlap

Hi

if you see this page: https://oukside.com/workshops/stress-fat-loss-2

(from desktop)

you can see the element on the left that is pinned. The element is formed by two blocks (text + button). At the end of the viewport, you see that the button block "goes up" relative to the text block.

Is it possible to "stick together" (via Squarespace native feature) in a way that at the end of the section, the elements do not overlap? Or there is some workaround for the same?

Oooh what a clever solution! Thanks! 🤩 
In fact, it was right there before my eyes, but I was still because I was holding the "Fill" button.

Thanks to your solution, I found another way to keep the button in "fill" mode but still mantain the distance from the bottom border of the text block: I aligned the bottom of the button with the bottom of the text block, then used CSS to "rise" the button inside the text block:

.sqs-block-button-container {
   position: relative;
   bottom: 30px;
}

Since that page is inside a "Portfolio" type of page, and there SQS allows to inject code only to the whole thing (overview page + specific pages), I added the selector .sqs-position-sticky to better target ONLY that type of buttons.

(I write this in case someone else wants to use this solution: maybe it is necessary to specify the element even better; in my case, the structure of the pages will be quite simple and that level of specificity in the CSS is sufficient.)

3 hours ago, Oukside said:

Oooh what a clever solution! Thanks! 🤩 

You are welcome 🙂

3 hours ago, Oukside said:

Since that page is inside a "Portfolio" type of page, and there SQS allows to inject code only to the whole thing (overview page + specific pages), I added the selector .sqs-position-sticky to better target ONLY that type of buttons.

(I write this in case someone else wants to use this solution: maybe it is necessary to specify the element even better; in my case, the structure of the pages will be quite simple and that level of specificity in the CSS is sufficient.)

If you want to be more specific, you can target the block id. There is a very useful browser extension called Squarespace ID Finder.