feat: small style adjustments

packages/console/app/src/routes/black.css

@@ -55,20 +55,20 @@
         margin: 0;
 
         @media (min-width: 768px) {
-          font-size: 24px;
+          font-size: 22px;
         }
       }
 
       p {
         color: rgba(255, 255, 255, 0.59);
-        font-size: 15px;
+        font-size: 14px;
         font-style: normal;
         font-weight: 400;
         line-height: 160%;
         margin: 0;
 
         @media (min-width: 768px) {
-          font-size: 18px;
+          font-size: 16px;
         }
       }
     }
@@ -408,12 +408,11 @@
         }
 
         [data-slot="continue"] {
-          background: rgba(255, 255, 255, 0.17);
-          border: 1px solid rgba(255, 255, 255, 0.17);
-          color: rgba(255, 255, 255, 0.59);
+          background: rgb(255, 255, 255);
+          color: rgb(0, 0, 0);
 
           &:hover {
-            background: rgba(255, 255, 255, 0.25);
+            background: rgb(255, 255, 255, 0.9);
           }
         }
       }
@@ -718,12 +717,7 @@
   }
 }
 
-::view-transition-group(plan-header),
-::view-transition-group(price),
-::view-transition-group(amount),
-::view-transition-group(period),
-::view-transition-group(multiplier),
-::view-transition-group(billing) {
+::view-transition-group(*) {
   animation-duration: 200ms;
   animation-timing-function: cubic-bezier(0.25, 0, 0.5, 1);
 }