Change size of lightbox button

I'm working on the website of an organization and I want to adjust the padding of two lightbox form buttons so that they both match in size. I could go with either having two large buttons, or two smaller buttons, but my ideal situation would be that both buttons are smaller with very little padding, and they are the same size. If I need to include the title of each of the forms to edit the code, let me know.

On 8/10/2023 at 4:26 PM, Lesum said:

On your Squarespace dashboard, go to website > website tools > custom css. Then add this code.

.lightbox-handle {
  padding: 0.5em 2.3em !important;
  width: 290px !important;
}

You can also adjust the padding and size of the button on the code. 

Sorry, in my first question I hadn't realized what I actually wanted! It was an answer to my question, but I hadn't actually asked the right thing. However I was able to figure out what I had to do from the response you gave me! So thank you so much!

For anyone in the future who wants to do the same thing, I ending up wanting to adjust the lightbox form button so that it matched the container size, like the attached image. The code I used that worked for me was this:

.lightbox-handle{
  width: 100% !important;
  height: 100% !important:
}

Since I only wanted this effect on this page, I put the code in the advanced section of the page's settings with html's style tags. If you wanted it everywhere you can put it where Lesum said to, without the style tags.