Я хочу знать, как правильно форматировать эти поля. ⇐ CSS

[Anonymous]

На данный момент это так:


Я хочу сделать это так:
[img]https://i.stack.imgur .com/Gtush.png[/img]

Я уже пытался изменить размер границы, отступы и тип отображения (в настоящее время это встроенный блок), а также изменить ширину /высота поля ничего не меняет.
вот CSS-код
.botões{
font-size: 3em;
border: 10px;
margin-top: 20px;
margin-bottom: 20px;
padding: 0px 12px;
background-color: aquamarine;
border-color: grey;
border-style: solid;
width: 30px;
height: 30px;
}


Подробнее здесь: https://stackoverflow.com/questions/783 ... -correctly