Keeping button aligned in text box on different screen sizes

Hello

Looking for the code to align a button within a text box at different screen sizes.

So the button will always be a certain number of pixels below the last line of text and the text box will always end a certain number of pixels below the bottom of the button.

On some screen widths there is too much of a gap between the text and the button and on others, the button is ending up over the text.

Thanks

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

http://www.thegoodliferefresh.squarespace.com/

Thanks!

On 7/1/2023 at 6:36 PM, Bexster said:

http://www.thegoodliferefresh.squarespace.com/

Thanks!

 

What is password?

Sorry!  The password is madeleine2023

On 7/3/2023 at 4:36 PM, Bexster said:

Sorry!  The password is madeleine2023

Can you add a text link in Text Block? We can use code to turn link to button. And I guess we can solve this easier.

Thanks, I've managed to turn the link into a button - using this code:

a#book_call_btn {
  display: inline-block;
  padding: 20px 40px;
  background-color: #dfa695;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  transition-duration: 0.4s;
}

So I just need help with the code to keep the 'button' aligned in the text box.

I see you still use Button Block, not Text Block link

I am using the button link on desktop and text link on mobile only section as desktop looks fine. Should I change both?

Really appreciate your help with this!