From 2d19e3a966cc3146daefa0b33df98c9bb77d6735 Mon Sep 17 00:00:00 2001
From: Fabio <frguachallab@gmail.com>
Date: Thu, 24 Oct 2024 16:22:20 -0400
Subject: [PATCH] FOUR-19814:UI: The boton Cancel does not have the correct
 styles

---
 resources/views/cases/edit.blade.php | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/resources/views/cases/edit.blade.php b/resources/views/cases/edit.blade.php
index 76946dc1fa..60661d6342 100644
--- a/resources/views/cases/edit.blade.php
+++ b/resources/views/cases/edit.blade.php
@@ -43,7 +43,9 @@ class="tw-w-full"
                     <li class="tw-flex tw-items-center tw-justify-center">
                       <button
                         type="button"
-                        class="tw-w-full tw-border tw-border-gray-300 tw-px-3 tw-py-2 tw-shadow-sm tw-rounded-md"
+                        class="tw-flex tw-justify-center tw-items-center tw-gap-2
+                          tw-w-full tw-border tw-border-solid tw-border-gray-300 tw-px-3 tw-py-2 tw-shadow-sm tw-rounded-md tw-text-gray-600
+                          tw-bg-gradient-to-b tw-from-white tw-to-transparent tw-via-white/5 tw-bg-gray-50"
                         aria-haspopup="dialog"
                         @click="onCancel"
                       >
@@ -166,5 +168,12 @@ class="tw-grow tw-overflow-hidden"
     text-transform: uppercase;
     margin-bottom: 0.5rem;
   }
+  .btn-outline-custom {
+    border-radius: 4px;
+    border: 1px solid var(--borders, #CDDDEE);
+    background: linear-gradient(180deg, #fff 0%, rgb(255 255 255 / 0%) 100%), #fbfbfb;
+    box-shadow: 0px 0px 3px -2px rgba(0, 0, 0, 0.10);
+    color: var(--text-only, #556271);
+  }
 </style>
 @endsection