ok

src/pages/Invoice.module.css

@@ -32,7 +32,7 @@
 }
 
 .PaymentOption {
-  overflow-x: hidden;
+  overflow: visible;
   background-color: white;
   display: flex;
   flex-direction: column;
@@ -72,7 +72,7 @@
   font-size: 1.3em;
   padding: 10px 0;
   padding-top: 20px;
-  margin-bottom: 17px;
+  /* margin-bottom: 17px; */
 }
 
 .PayButton {
@@ -98,7 +98,30 @@
   padding-left: 20px;
   padding-right: 20px;
 }
+.PayButton3{
+  font-family: "Plus Jakarta Sans", sans-serif;
+  font-weight: 500;
+  font-style: normal;
+  font-size: 20px;
 
+  width: 100%;
+  height: 40px;
+  border-radius: 50px;
+  background-color: rgba(88, 55, 50, 1);
+  color: white;
+  border: none;
+  margin: 0px auto;
+  cursor: pointer;
+  margin-top: 10px;
+}
+
+
+.PayButton3 div{
+  display: flex;
+  justify-content: space-between;
+  padding-left: 20px;
+  padding-right: 20px;
+}
 .Pay2Button {
   text-align: center;
   color: rgba(88, 55, 50, 1);
@@ -178,3 +201,23 @@
   resize: none; /* Prevent resizing */
   overflow-wrap: break-word; /* Ensure text wraps */
 }
+
+
+.AddedLastTransaction{
+  width: 100%;
+  font-size: 1em;
+  padding: 10px 20px;
+  margin-bottom: 7px;
+  font-weight: 600;
+}
+.AddedLastTransaction div{
+  display: flex;
+  justify-content: space-between;
+}
+.CancelAddedLastTransaction{
+  width: 40px;
+  height: 40px;
+  margin-right: 30px;
+  margin-top: 10px;
+  transform: rotate(45deg);
+}