Fix BoxCTA internal layout

src/style/_variables.scss

@@ -2,6 +2,7 @@
 $color-primary: #3C0576;
 $color-primary-dark: #36046A;
 $color-primary-darker: #2D0458;
+$color-primary-tertiary20: #633185;
 $color-secondary: #FF6C89;
 $color-secondary-light: #FFB3C2;
 $color-secondary-bright: #FF0536;

src/style/atoms/_box-cta.scss

@@ -1,29 +1,29 @@
 .box-cta {
     display: flex;
+    flex-direction: column;
+    justify-content: center;
     align-items: center;
-    background-color: #633185;
     width: 144px;
     height: 176px;
+    padding: 24px 16px;
+    background-color: $color-primary-tertiary20;
     border-radius: 12px;
+    text-decoration: none;
 
-    &__content {
+    .icon {
+        margin: auto 0;
+        width: 48px;
+        height: 48px;
 
-        .image {
-            width: 48px;
-            height: 48px;
-            margin: 0 auto;
-
-            img {
-                display: block;
-                width: 100%;
-                height: 100%;
-                object-fit: contain;
-            }
-        }
-        span {
+        img {
             display: block;
-            color: $color-secondary-light;
-            margin: 28px 20px 0;
+            width: 100%;
+            height: 100%;
+            object-fit: contain;
         }
     }
+    span {
+        display: block;
+        color: $color-secondary-light;
+    }
 }