feat(tip): add personalized payment success experience

src/app/tip/tip-screen.module.css

@@ -59,7 +59,6 @@
 .productCard,
 .paymentMethodSlot,
 .statusMessage,
-.successCard,
 .checkoutSlot {
   position: relative;
   z-index: 1;
@@ -360,23 +359,7 @@
   box-shadow: 0 5px 14px rgba(248, 77, 150, 0.26);
 }
 
-.successCard {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 14px;
-  margin-top: 16px;
-  padding: 16px 18px;
-  border: 1px solid rgba(118, 61, 55, 0.08);
-  border-radius: 24px;
-  background: rgba(255, 255, 255, 0.76);
-  box-shadow: 0 16px 38px rgba(119, 72, 67, 0.09);
-  backdrop-filter: blur(16px);
-}
-
-.statusMessage,
-.successTitle,
-.successText {
+.statusMessage {
   margin: 0;
 }
 
@@ -393,39 +376,6 @@
   margin-top: clamp(18px, 5.185vw, 28px);
 }
 
-.successCard {
-  justify-content: flex-start;
-  border-color: rgba(255, 84, 135, 0.16);
-  background: rgba(255, 246, 249, 0.86);
-  color: #ff4f86;
-}
-
-.successTitle {
-  color: #25191b;
-  font-size: 15px;
-  font-weight: 900;
-}
-
-.successText {
-  margin-top: 2px;
-  color: #8a686b;
-  font-size: 13px;
-  font-weight: 620;
-}
-
-.successButton {
-  margin-left: auto;
-  border: 0;
-  border-radius: 999px;
-  padding: 9px 12px;
-  background: #231719;
-  color: #ffffff;
-  font: inherit;
-  font-size: 12px;
-  font-weight: 850;
-  cursor: pointer;
-}
-
 .checkoutSlot {
   margin-top: clamp(18px, 5.185vw, 28px);
 }