PW-2074 Hide Apple Pay in unsupported browsers (#648)

* Hide Apple Pay in unsupported browsers

* Put the ko annotation isApplePayAllowed first

view/frontend/web/css/styles.css

@@ -113,6 +113,12 @@
     margin-right: 10px;
 }
 
+@supports not (-webkit-appearance: -apple-pay-button) {
+    #apple-pay-payment-method {
+        display: none;
+    }
+}
+
 .apple-pay-button-with-text {
     --apple-pay-scale: 1.5625; /* (height / 32) */
     display: inline-flex;

view/frontend/web/template/payment/apple-pay-form.html

@@ -21,7 +21,9 @@
  * Author: Adyen <magento@adyen.com>
  */
 -->
+
 <!-- ko if: isApplePayAllowed() -->
+<div id="apple-pay-payment-method">
 <div class="payment-method" data-bind="css: {'_active': (getCode() == isChecked())}, visible: isApplePayVisible()">
     <div class="payment-method-title field choice">
         <input type="radio"
@@ -60,4 +62,5 @@
 
     </div>
 </div>
-<!--/ko-->
\ No newline at end of file
+</div>
+<!--/ko-->