Make button wider (even tough text is short)


Hi, does anyone know how to make a button wider (longer)? Even though the text is short. So that there is one length for all buttons. Thank you!


One approach is to increase the left and right padding of a button, e.g.:
// regular button
.button { padding: 12px 15px; }

// wider button
.button-expand { padding: 12px 30px; }

If you want them all the same width, use width:
.button-expand-200 { width: 200px; }

If you want a full-width button on mobile:
.button-mobile { max-width: 100%; }