From 39ffbaa6e73e28156f36877ce9147a63320d6f40 Mon Sep 17 00:00:00 2001
From: Emili Castells Guasch <e.castells@inpsyde.com>
Date: Wed, 17 Jul 2024 15:23:10 +0200
Subject: [PATCH] Add googlepay and apm css classes to button wrapper

---
 modules/ppcp-googlepay/resources/js/GooglepayButton.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/modules/ppcp-googlepay/resources/js/GooglepayButton.js b/modules/ppcp-googlepay/resources/js/GooglepayButton.js
index 9de1cb0b2..4c7dc3185 100644
--- a/modules/ppcp-googlepay/resources/js/GooglepayButton.js
+++ b/modules/ppcp-googlepay/resources/js/GooglepayButton.js
@@ -74,7 +74,11 @@ class GooglepayButton {
 							const { ppcpStyle, buttonStyle } =
 								this.contextConfig();
 
-							wrapper.className = `ppcp-button-${ ppcpStyle.shape }`;
+							wrapper.classList.add(
+								`ppcp-button-${ ppcpStyle.shape }`,
+								'ppcp-button-apm',
+								'ppcp-button-googlepay'
+							);
 
 							if ( ppcpStyle.height ) {
 								wrapper.style.height = `${ ppcpStyle.height }px`;