How to resize Form Lightbox button and or font inside button

How do I resize  a Form Lightbox button and/or font inside button
Alternatively, it does not have to be a button...it could be text link only like the surrounding links, but this particular one I'd like to open in a lightbox.

See attached image for the button I am referring to.

This is located in the footer and thus far I am only using one form in lightbox format. But it'd be nice to be able to resize this button on an individual basis in case I want to use the form lightbox layout elsewhere. In other words, it'd be great if this was not a global solution and instead specific to this use for this form. 

P.S. is there a way to reuse forms? For example, one solution would be for me to just embed this form into a page and have the link not be a button or lightbox, but load a page with the form on it. I'd prefer not to have to rebuild the form :) 

Website:   https://nonagon-blackbird-dbdy.squarespace.com/
           PW:   sscommunityhelp062723

I did try and follow the instruction here 

 by adding to css: 
 

/**
 * Make Form Lightbox Button smaller
**/
div.lightbox-content form * {
    font-size: 8px !important;
}

But it did not have any impact.

Add this CSS code

button.lightbox-handle {
    font-size: 10px !important;
}

Yep. I had the "form text" but not "handle" so thank you!

How can we decrease the border of that button? Reducing the font size helped but it still doesn't fit like I'd visually like. I think it has to do with overall button size which I assume is being further impacted by the border size.

On 7/3/2023 at 7:33 PM, JA-Build-Change-Impact said:

Yep. I had the "form text" but not "handle" so thank you!

How can we decrease the border of that button? Reducing the font size helped but it still doesn't fit like I'd visually like. I think it has to do with overall button size which I assume is being further impacted by the border size.

You mean border width? Use this code

button.lightbox-handle {
    border-width: 1px !important;
}