From faed3c8b7e7e5c00a638d61f7781e08b3c719313 Mon Sep 17 00:00:00 2001
From: "Aidar Shaikhutdin @makeweb.space" <makeweb.space@gmail.com>
Date: Sat, 1 Jul 2023 21:11:34 +0300
Subject: [PATCH] fix: apple pay button styles

---
 src/components/PaymentPage/styles.css | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/PaymentPage/styles.css b/src/components/PaymentPage/styles.css
index 7429001..e734aca 100644
--- a/src/components/PaymentPage/styles.css
+++ b/src/components/PaymentPage/styles.css
@@ -101,7 +101,8 @@
 }
 
 .pay-btn,
-.gpay-button-fake-loader {
+.gpay-button-fake-loader,
+.apple-pay-button-placeholder {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -113,26 +114,22 @@
   border-radius: 19px;
 }
 
-.pay-btn .gpay-button,
-.gpay-button-fake-loader {
+.pay-btn .gpay-button {
   height: 60px;
   border-radius: 19px;
 }
 
 .gpay-button-fake-loader {
-  position: relative;
   background-image: url(./methods/GooglePay/dark_gpay.svg);
   background-origin: content-box;
   background-position: center center;
-  background-repeat: no-repeat;
   background-size: contain;
-  padding: 12px 15% 10px;
-  display: flex;
-  align-items: end;
 }
 
 .apple-pay-button-placeholder {
-  -webkit-appearance: -apple-pay-button;
+  background-size: 100% 60%;
+  background-position: 50% 50%;
+  background-image: -webkit-named-image(apple-pay-logo-white);
 }
 
 .gpay-button-fake-loader,
@@ -140,5 +137,7 @@
   cursor: wait;
   display: flex;
   align-items: end;
+  background-repeat: no-repeat;
   background-color: rgba(0,0,0,.5);
+  padding: 12px 15% 10px;
 }