Изменение размера кнопки

. У меня есть «кнопка», которую я хочу использовать на всем своем сайте, но в зависимости от того, где на сайте находится button, я хочу, чтобы она отображалась в разных размерах.

В моем HTML я пробовал (, но он не работает):

<div class="button" width="60" height="100">This is a button</div>

И соответствующий CSS:

.button {
  background-color: #000000;
  color: #FFFFFF;
  float: right;
  padding: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

Я предполагал, что если каждый раз, когда я буду называть это class, я могу просто передать размер и эй -вуаля!....но не....

Добавляя ширину и высоту, как я называюbuttonclassкажется, ничего не делать с его размером. Кто-нибудь знает, как я могу это сделать? И если я поставлю ширину и высоту в CSS, то buttonбудет везде одинакового размера.