diff --git a/src/components/atoms/BoxCTA.svelte b/src/components/atoms/BoxCTA.svelte
new file mode 100644
index 0000000..1009b35
--- /dev/null
+++ b/src/components/atoms/BoxCTA.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+    export let image: string
+    export let text: string
+    export let url: string = undefined
+</script>
+
+<a href={url} class="box-cta">
+    <div class="box-cta__content">
+        <div class="image">
+            <img src="{image}" alt="">
+        </div>
+        <span class="text-label">{text}</span>
+    </div>
+</a>
\ No newline at end of file
diff --git a/src/style/atoms/_box-cta.scss b/src/style/atoms/_box-cta.scss
new file mode 100644
index 0000000..0b8bfe0
--- /dev/null
+++ b/src/style/atoms/_box-cta.scss
@@ -0,0 +1,29 @@
+.box-cta {
+    display: flex;
+    align-items: center;
+    background-color: #633185;
+    width: 144px;
+    height: 176px;
+    border-radius: 12px;
+
+    &__content {
+
+        .image {
+            width: 48px;
+            height: 48px;
+            margin: 0 auto;
+
+            img {
+                display: block;
+                width: 100%;
+                height: 100%;
+                object-fit: contain;
+            }
+        }
+        span {
+            display: block;
+            color: $color-secondary-light;
+            margin: 28px 20px 0;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/style/style.scss b/src/style/style.scss
index 5a73a3c..c0fc64a 100644
--- a/src/style/style.scss
+++ b/src/style/style.scss
@@ -28,6 +28,7 @@
 @import "atoms/button";
 @import "atoms/badge";
 @import "atoms/arrow";
+@import "atoms/box-cta";
 @import "atoms/site-title";
 
 // Molecules