「ダウンロード」のボタンを中央に配置する際、動画では

.hero .btn{ ... }

に margin: 64px auto 0; を入力しましたが、試しに

.btn {}

に入力しても中央に配置できました。
.btn と .hero .btn を使い分けている理由を教えてください。