update

src/components/Alert/index.scss

@@ -170,34 +170,48 @@ $darkRed: #e92424;
   background-color: $lightGreen !important;
   color: $white !important;
 }
-/* ?  هاور دکمه ضربدر بالا سمت چپ */
+
+// * هاور دکمه ضربدر بالا سمت چپ
 .close-button-2:hover {
-  background-color: var(--white) !important;
-  color: var(--error-color2) !important;
-  border: solid 4px var(--error-color2) !important;
+  background-color: $white !important;
+  color: $lightGreen !important;
+  border: solid 2px $lightGreen !important;
 }
-/* ? کانفرم باتن */
+
+// * کانفرم باتن
 .confirm-button-2 {
-  background-color: var(--white) !important;
-  border: solid 2px var(--error-color2) !important;
-  color: var(--error-color2) !important;
+  background-color: $white !important;
+  border: solid 1px $lightGreen !important;
+  color: $darkGreen !important;
+  //
+  position: absolute !important;
+  left: 20px !important;
+  margin-bottom: 33px !important;
 }
-/* ? هاور کانفرم باتن */
+
+// * هاور کانفرم باتن
 .confirm-button-2:hover {
-  background-color: var(--error-color2) !important;
-  color: var(--white) !important;
+  background-color: $lightGreen !important;
+  color: $white !important;
 }
-/* ? کنسل باتن */
+
+// * کنسل باتن
 .cancle-button2 {
-  background-color: var(--error-color2) !important;
-  color: var(--white) !important;
-  border: solid 2px var(--error-color2) !important;
+  background-color: $lightGreen !important;
+  color: $white !important;
+  border: solid 1px $lightGreen !important;
+  //
+  position: absolute !important;
+  left: 33% !important;
+  margin-bottom: 33px !important;
 }
-/* ? هاور کنسل باتن */
+
+// * هاور کنسل باتن
 .cancle-button2:hover {
-  background-color: var(--white) !important;
-  color: var(--error-color2) !important;
+  background: $white !important;
+  color: $lightGreen !important;
 }
+
 /* !error4 */
 /* ? تایتل */
 .title-error-4 {