Changing Variant font and layout

Site URL: https://www.izzisbeads.com/izzisbeads/p/bestie-sets

So as you can see this page looks clunky. Ive been able to use css to change the font in the variant options to my font but there are a few things i cant figure out.

1: how to change the size of the font in the variant options

2: how to change the layout so the buttons dont take up so much space and are just directly down from one another. Id like the buttons to have less space between them on this page and to have my accordian just below my pictures. It looks weird how much space the buttons use and how the accordian is so far down.

3: Id also like to be able to change the appearance of the variant buttons to match my site styles

the password to access the site is beads

Im new to all of this so any help is appreciated

#1. Add to Design > Custom CSS

.product-variants * {
    font-family: 'abril-titling-semicondensed' !important;
}

#2. You fixed it?

#3. Can you describe in more detail? We can check easier