feat: add two and three column grid variants

components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css

@@ -24,20 +24,21 @@
   font-size: 2rem;
 }
 .value {
-  color: var(--some-brown-color, #4d001b);
+  color: var(--Theme-Primary-Light-On-Surface-Text);
 }
 
 .cardContainer {
   display: flex;
   gap: 16px;
 }
+
 .cardSubtitle {
   font-family: var(--ff-fira-sans);
   font-size: 16px;
   font-weight: 400;
   line-height: 14.4px;
   text-align: center;
-  color: #b05b65;
+  color: var(--Theme-Primary-Light-On-Surface-Accent);
   margin: 0;
 }
 
@@ -47,12 +48,16 @@
   display: flex;
   flex-direction: column;
   gap: 10px;
+  min-height: 280px;
+  background-color: var(--Base-Fill-Normal);
   justify-content: center;
   align-items: center;
   padding: 30px;
   border-radius: 4px;
-  background-color: var(--Base-Fill-Normal);
 
+  text-decoration: none;
+  text-align: center;
+  color: var(--Theme-Primary-Light-On-Surface-Text);
   aspect-ratio: 1/1;
 }
 
@@ -60,16 +65,4 @@
   .card:nth-child(2) {
     grid-area: card2;
   }
-
-  .card:last-of-type {
-    grid-area: card3;
-  }
-
-  .card:nth-child(2) {
-    grid-area: card2;
-  }
-
-  .card:last-of-type {
-    grid-area: card3;
-  }
 }