添付画像は、 padding: 64px 0;をコメントオフにしたものです。

パッと見ると、空白を消すために、h1のmarginを0にしようと思いましたが、call-to-actionのpaddingを伸ばすことによって空白が消えるという方法を確認しました。

paddingは背景の色を伸ばしながら領域を広げるというのは理解していますが、h1のmarginの空白が消えて上書きされるのはなぜなのでしょう？

手順として、marginの空白を0にしてからpaddingの領域を広げるよりも、paddingの領域を広げて空白を消す方が効率が良いということでしょうか。