Align button at top of field in form

Check out dabuttonfactory.com - it might have the answer you are looking for.
Also, the Magic Buttons app is a great free QB app too.

Here's a button that's smaller than your default Vibrant Snowy:
// Begin button style
var text bgcolor = "white";
var text txtcolor = "#4285F4";
var text style = "style=\"text-decoration: none; background:" & $bgcolor & "; border-radius: 5px; padding: 40px 20px; color: " & $txtcolor & "; display: inline-block; font: normal 700 24px/1 \"Calibri\", sans-serif; text-align: center; text-shadow: none;";
// End button style

"<a " & $style & " href='https://www.w3schools.com/colors/colors_brands.asp' title='Brand Colors'>Google Blued</a>"

// Great resource to create our own style of button. https://dabuttonfactory.com/
// Other brand colors: https://www.w3schools.com/colors/colors_brands.asp

Thank you for your help and apologies for my delay. Been caught up, but I will definitely try this soon.

Thank you. https://dabuttonfactory.com is an excellent resource as is magic buttons.
My text alignment on the buttons is not working and the text shows in top left. I want the text in middle of button - for both horizontal and vertical. I think I am missing the matching quotation mark before background. This one: style=\"background:#ffffff

Formula below:
// Begin button style
var text style = "style=\"background:#ffffff;border:1px solid #cccccc;border-radius: 5px;box-shadow:0 1px #666666;width:65px;height:15px;color:#000000;display:inline-block;font:normal 400 12px/15px\"Open Sans\",sans-serif;text-align:center;text-shadow:1px 1px #f3f3f3;";
// End button style

"<a " & $style & 

" href='" & ...

Thanks for any help on where to place missing quotation or perhaps some other error is present. 

Have you tried using just the class without the additional style parameters?

Thanks - it is in center if I remove my style setting. Lose control over button style, but the text does centre.