update komponen

components/PembayaranGagal.vue

@@ -12,6 +12,19 @@
           <p class="failure-message mb-8">
             Terjadi kesalahan saat memproses<br />pembayaran Anda.
           </p>
+           <div class="action-section">
+            <v-btn 
+              color="primary" 
+              size="x-large" 
+              variant="flat" 
+              rounded="xl"
+              class="success-btn"
+              @click="paymentStore.reset"
+            >
+              <v-icon class="mr-2" >mdi-home</v-icon>
+              Kembali ke Awal
+            </v-btn>
+          </div>
           
           <!-- Uncomment jika butuh buttons -->
           <!-- <div class="button-group">
@@ -54,7 +67,7 @@ const retryPayment = () => {
 
 <style scoped>
 .payment-step {
-  background: linear-gradient(135deg, #f8f9ff 0%, #e8f2ff 100%);
+  background:  #ff9248;
   min-height: 100vh;
   height: auto;
   display: flex;
@@ -75,10 +88,10 @@ const retryPayment = () => {
   border-radius: 24px;
   backdrop-filter: blur(20px);
   border: 1px solid rgba(255, 255, 255, 0.2);
-  box-shadow: 
+  /* box-shadow: 
     0 20px 60px rgba(0, 0, 0, 0.08),
     0 8px 32px rgba(0, 0, 0, 0.04),
-    inset 0 1px 0 rgba(255, 255, 255, 0.8);
+    inset 0 1px 0 rgba(255, 255, 255, 0.8); */
   padding: 3rem 2rem !important;
 }
 
@@ -139,6 +152,10 @@ const retryPayment = () => {
   max-width: 300px;
 }
 
+.action-section {
+  margin-top: 2rem;
+}
+
 .action-btn {
   font-weight: 600 !important;
   text-transform: none !important;