Mandare a capo il testo nel value di un bottone input

[marcom149]

Buongiorno a tutti.
Sto cercando di gestire pulsanti quadrati dove la scritta dovrebbe andare a capo.
Ma non ci va.
Ho costruito i pulsanti così:

CSS:

.square {
    position: relative;
    display: inline-block;
}

#sqr1{
    color: #ffffff;
    background: var(--main-color);
    font-size: 16px;
    text-align:center;
    width: 100px;
    height: 100px;
    padding: 7px;
 }

HTML:

<div class="square">
          <form accept-charset=utf-8 action="tomenu.php" padding="0">  
          <input id="sqr1" type="submit" name="" value="Nuovo Ordine" >
          </form>  
</div>

RISULTATO:
puls.jpg

Come vedete non funziona neanche l'align....
Come posso risolvere?
Grazie a tutti
Marco