ボタンが押し込まれた時のスタイルを、marginの変更ではなく下記のようにtransformを用いて表現しても問題ないでしょうか？

#btn:active {
  transform: translateY(4px);
  box-shadow: none;
}

表示的には同じ結果ですが、敢えてmarginを計算して記載しているのには何か理由があるのかなと思いましてご質問させていただきました。