From 825aa017a920ef9f55d61b6a032393cac04550d9 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 10 Jul 2024 15:36:20 +0200
Subject: [PATCH] hadnlign component style

---
 resources/css/blocks/page-card.css | 40 ++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 resources/css/blocks/page-card.css

diff --git a/resources/css/blocks/page-card.css b/resources/css/blocks/page-card.css
new file mode 100644
index 0000000..dc3c638
--- /dev/null
+++ b/resources/css/blocks/page-card.css
@@ -0,0 +1,40 @@
+.homegrade-blocks-page-card {
+  @apply flex flex-col text-2xl mt-8 bg-white shadowed-lg rounded-3xl !p-8  relative;
+
+  text-decoration: none !important;
+  transitions: all 0.3s ease-in-out;
+  &:hover {
+    @apply !bg-white !rounded-3xl translate-y-2;
+    transitions: all 0.3s ease-in-out;
+    scale: 1.01;
+    .homegrade-blocks-page-card__cta .cta_arrow_button {
+      @apply translate-x-2;
+    }
+  }
+  &__icon {
+    max-width: 80px;
+  }
+  &__title {
+    text-decoration: none;
+    @apply !text-xl font-bold !mt-3 text-black;
+    line-height: 1.2 !important;
+  }
+
+  &__excerpt {
+    @apply text-base pt-3 !text-base  text-black font-normal;
+  }
+
+  &__cta {
+    .cta_arrow_button {
+      transition: all 0.3s ease-in-out;
+    }
+    @apply mt-auto text-lg relative w-full text-black;
+    /* align-self: last baseline; */
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-top: 2rem;
+    font-weight: 700;
+    /* position: unset; */
+  }
+}