From a682eaef7811f11b22a2f1752912864925e938e1 Mon Sep 17 00:00:00 2001
From: Glauber Silva <glauber.silva@givewp.com>
Date: Wed, 6 Nov 2024 15:40:50 -0300
Subject: [PATCH 1/2] fix: button styles

---
 .../CampaignFormModal.module.scss             |  9 +++++++-
 .../components/CampaignFormModal/index.tsx    | 21 +++++++++++++------
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss b/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss
index ca7e91b376..6d2537593e 100644
--- a/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss
+++ b/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss
@@ -104,5 +104,12 @@
     }
 }
 
+.button:is(:global(.button)) {
+    border-radius: var(--givewp-rounded-8)
+}
 
-
+.previousButton:is(:global(.button)) {
+    background-color: transparent;
+    border: solid 1px #9ca0af;
+    color: #060c1a;
+}
diff --git a/src/Campaigns/resources/admin/components/CampaignFormModal/index.tsx b/src/Campaigns/resources/admin/components/CampaignFormModal/index.tsx
index 7ef8238a69..d57f93a192 100644
--- a/src/Campaigns/resources/admin/components/CampaignFormModal/index.tsx
+++ b/src/Campaigns/resources/admin/components/CampaignFormModal/index.tsx
@@ -9,7 +9,7 @@ import {
     GoalInputAttributes,
     GoalTypeOption as GoalTypeOptionType,
 } from './types';
-import {useEffect, useRef, useState} from 'react';
+import {useRef, useState} from 'react';
 import {Currency, Upload} from '../Inputs';
 import {
     AmountFromSubscriptionsIcon,
@@ -146,7 +146,7 @@ export default function CampaignFormModal({isOpen, handleClose, apiSettings, tit
     const goal = watch('goal');
 
     const getFormModalTitle = () => {
-        switch(step) {
+        switch (step) {
             case 1:
                 return __('Tell us about your fundraising cause', 'give');
             case 2:
@@ -154,7 +154,7 @@ export default function CampaignFormModal({isOpen, handleClose, apiSettings, tit
         }
 
         return null;
-    }
+    };
 
     const goalInputAttributes: {[selectedGoalType: string]: GoalInputAttributes} = {
         amount: {
@@ -423,14 +423,23 @@ export default function CampaignFormModal({isOpen, handleClose, apiSettings, tit
                             <input type="datetime-local" {...register('endDateTime')} />
                         </div>
                     </div>*/}
-                        <div className="givewp-campaigns__form-row givewp-campaigns__form-row--half">
-                            <button type="submit" onClick={() => setStep(1)} className={`button button-secondary`}>
+                        <div
+                            className="givewp-campaigns__form-row givewp-campaigns__form-row--half"
+                            style={{marginBottom: 0}}
+                        >
+                            <button
+                                type="submit"
+                                onClick={() => setStep(1)}
+                                className={`button button-secondary ${styles.button} ${styles.previousButton}`}
+                            >
                                 {__('Previous', 'give')}
                             </button>
 
                             <button
                                 type="submit"
-                                className={`button button-primary ${!goal || isSubmitting ? 'disabled' : ''}`}
+                                className={`button button-primary ${styles.button} ${
+                                    !goal || isSubmitting ? 'disabled' : ''
+                                }`}
                                 aria-disabled={!goal || isSubmitting}
                                 disabled={!goal || isSubmitting}
                             >

From bf8edfba6c8c8a6cbb350b457e841948192dbe33 Mon Sep 17 00:00:00 2001
From: Glauber Silva <glauber.silva@givewp.com>
Date: Wed, 6 Nov 2024 15:46:46 -0300
Subject: [PATCH 2/2] refactor: change hover styles

---
 .../CampaignFormModal/CampaignFormModal.module.scss          | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss b/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss
index 6d2537593e..fccff16d42 100644
--- a/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss
+++ b/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss
@@ -112,4 +112,9 @@
     background-color: transparent;
     border: solid 1px #9ca0af;
     color: #060c1a;
+
+    &:hover {
+        border: solid 1px #9ca0af;
+        color: #060c1a;
+    }
 }