From 3489b6f5441fb3e85d8b035eef38d5692d9455a5 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 1 Jan 2023 04:31:00 +0100
Subject: [PATCH] Created the LinkChooser style

---
 .../Home/components/LinkChooser/styles.sass   | 44 +++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 admin/src/pages/Home/components/LinkChooser/styles.sass

diff --git a/admin/src/pages/Home/components/LinkChooser/styles.sass b/admin/src/pages/Home/components/LinkChooser/styles.sass
new file mode 100644
index 0000000..95265f4
--- /dev/null
+++ b/admin/src/pages/Home/components/LinkChooser/styles.sass
@@ -0,0 +1,44 @@
+@import "@/common/styles/colors"
+
+.module-area
+  display: flex
+  gap: 0.3rem
+
+.module-item
+  display: flex
+  flex-direction: column
+  align-items: center
+  padding: 1.5rem 1.5rem
+  cursor: pointer
+  gap: 0.5rem
+  border-radius: 15px
+  border: 1px solid #FFFFFF
+  transition: ease-in-out all 0.3s
+  width: 5rem
+
+.module-item:hover
+  border: 1px solid $gray
+
+  & .module-icon
+    background-color: $primary-hover
+
+  & h3
+    color: $gray
+
+
+.module-icon
+  display: flex
+  justify-content: center
+  align-items: center
+  width: 1rem
+  height: 1rem
+  background-color: $primary
+  padding: 1.5rem
+  font-size: 24pt
+  border-radius: 5rem
+  color: $white
+
+.module-item h3
+  text-align: center
+  margin: 0
+  color: $light-gray
\ No newline at end of file