もちろん、マウスをその上に置くと、縦横に2ピクセルずつサイズが大きくなるようにコードを更新してある。

```HTML
<button class="blue-btn">ここをクリック</button>
```

```CSS
.blue-btn {
  background-color: blue；
  color: white；
  border-radius: 25px；
  padding: 10px 20px；
  border: none；
  text-align: center；
  text-decoration: none；
  display: inline-block；
  font-size: 16px；
  margin: 4px 2px；
  cursor: pointer；
  transition: 0.7s；
}
.blue-btn:hover {
  padding: 12px 22px；
}
```

transitionの値を変更することで、ボタンがリサイズされるまでの時間を変更できます。
また、.blue-btn:hover 内の padding 値を変更すると、ボタンが変更されるサイズも変更できます。
Por supuesto, aquí tienes el código actualizado para que cuando el ratón pase por encima aumente su tamaño dos píxeles en vertical y horizontal.

HTML:
<button class="blue-btn">Haz clic aquí</button>

CSS:
.blue-btn {
  background-color: blue;
  color: white;
  border-radius: 25px;
  padding: 10px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  transition: 0.7s;
}
.blue-btn:hover {
  padding: 12px 22px;
}

Puedes modificar el tiempo que tardará en cambiar el tamaño el botón si modificas el valor de transition.
También puedes modificar a tu gusto el tamaño al que cambiará el botón si modificas el valor del padding dentro de .blue-btn:hover.