ありがとう。これで、マウスが通過するときに、そのサイズが2、3のPXを増やす必要があります。
もちろん、マウスをその上に置くと、縦横に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 値を変更すると、ボタンが変更されるサイズも変更できます。