Resize Button on mobile

Hello!

I'm having trouble to resize the button on my mobile page. I already tried it, but the text is too big.
In general I had problems do adjust the height, that's why I used a code for that. Also that the text appears on a single line.

Can anyone help me figure out how to make the buttons smaller?

Thanks in advance!

The URL is: https://amethyst-pelican-2l2k.squarespace.com/
The password is: umowebseite


Codes I'm already using:

//Primary Button Custom Font
.sqs-block-button-element--medium, .sqs-button-element--primary {  font-family: archia-regular !important; font-weight: 600;}

//Button Size
.sqs-block-button .sqs-block-button-element--medium {white-space: nowrap; margin: 16px;}

//Mobile Button Size
@media only screen and (max-width: 750px)  { .sqs-block-button-element {width : 190px; font-size: 0.3em;}  }