Работа с относительными единицами

button { 
  vertical-align: middle; 
} 
 
.small { 
  font-size: 0.5em; 
} 
 
.medium { 
  font-size: 1em; 
} 
 
.big { 
  font-size: 1.5em; 
} 
 
.set1 button { 
  height: 50px; 
  line-height: 30px; 
  width: 100px; 
} 
 
.set2 button { 
  padding: 1em; 
}

Всё по умолчанию. Паддинги в пикселах, пропорции кнопок разные: 
<div class="set0"><button class="small">Кнопка</button> <button class="medium">Кнопка</button> <button class="big">Кнопка</button></div> 
<hr> Задана высота и ширина в пикселах. Кнопки одинаковых габаритов, текст разный: 
<div class="set1"><button class="small">Кнопка</button> <button class="medium">Кнопка</button> <button class="big">Кнопка</button></div> 
<hr> Заданы паддинги в em'ах. Кнопки имеют одинаковые пропорции: 
<div class="set2"><button class="small">Кнопка</button> <button class="medium">Кнопка</button> <button class="big">Кнопка</button></div>