feat(checkout): update styles for payment card and text elements for improved readability

src/app/features/store/pages/checkout-page/checkout-payment-step.component.scss

@@ -110,9 +110,11 @@
   min-width: 0;
 
   &__card {
-    min-height: 260px;
+    width: fit-content;
+    max-width: 100%;
+    min-height: 269px;
     padding: 1.5rem 1.75rem;
-    border-radius: 0.5rem;
+    border-radius: 5px;
     background: #ffffff;
     box-shadow: 0 0 0 1px #f1f1f1;
     display: flex;
@@ -124,8 +126,8 @@
   &__title {
     max-width: 18rem;
     margin: 0;
-    color: #8b8b8b;
+    color: #8a8a8a;
-    font-size: 1rem;
+    font-size: 13px;
     font-weight: 700;
     line-height: 1.35;
   }
@@ -135,7 +137,7 @@
     max-width: 220px;
     height: 1px;
     margin: 1.2rem 0 1.45rem;
-    background: #e7e7e7;
+    background: #dddddd;
   }
 
   &__account {
@@ -143,12 +145,14 @@
     display: grid;
     gap: 0.75rem;
     color: #7a7a7a;
+    font-size: 12px;
   }
 
   &__eyebrow {
     margin: 0;
     color: #838383;
-    font-size: 0.95rem;
+    font-size: 12px;
+    font-weight: 325;
     letter-spacing: 0.06em;
   }
 }
@@ -159,7 +163,7 @@
   justify-content: center;
   gap: 0.35rem;
   align-items: center;
-  font-size: 0.98rem;
+  font-size: 12px;
 
   &--copy {
     grid-template-columns: auto auto auto;
@@ -167,6 +171,7 @@
 
   &__label {
     color: #8a8a8a;
+    font-weight: 325;
   }
 
   &__value {