Apple PayボタンをWebサイトに組み込むの巻き

#Apple Payボタンの微調整について
まぁ詳しいCSSについては、Apple Pay on the Web のサンプルコードを参照ください。

サンプルのコードを貼ってちゃんとボタンが設定できたのだが、
幅と高さを微調整したかったので

css

.apple-pay-button {
  /*　追加　*/
  height: 50px;
  width: 100%;
}

widthとheightを設定すればいい。
ボタンが大きくなるとApple Payアイコンも自動的に大きくなるよ

#Supportsについて

ここからはCSSについてのメモ

Supports
指定した条件が使用できるかどうかを条件判定するSupportsですが、JavaScriptではCSS.supports()というものがある。

（https://blog.kazu69.net/2016/09/14/using-at-rule-supports-development-with-css-property-of-future/ コードについてはこちらを参考に）