いつも楽しく学習させて頂きありがとうございます。
CSS#18〜#21 の padding、margin についてまだ理解しきれていないので
復習も踏まえて質問させて頂きます。

span タグはインライン要素なので width や height によるサイズ指定ができないため。
padding でボタンのサイズを決めているのだと思いますが、

body {
  padding: 64px;
}
.btn {
  padding: 16px 32px

というコードで
.btn {padding: 16px 32px は ok ボタンの上下左右を設定したと思ったのですが、

margin をつけてないのに ok ボタンに上下左右空白が付いているのが
分かりませんでした。
検証コードでも確認したのですが、margin はついていない状態になっていたのですが
padding では何処を設定されたのでしょうか？