diff --git a/template-components/cards/card-news.css b/template-components/cards/card-news.css
index a393d4e..96dcf93 100644
--- a/template-components/cards/card-news.css
+++ b/template-components/cards/card-news.css
@@ -1,4 +1,6 @@
 .card-news {
+  transition: all 0.3s ease-in-out;
+
   @keyframes fadeIn {
     from {
       opacity: 0;
@@ -10,7 +12,7 @@
     }
   }
 
-  @apply bg-white shadow-lg rounded-3xl relative;
+  @apply bg-white shadow-lg rounded-3xl relative flex flex-col;
   animation: fadeIn 0.6s ease-in-out;
 
   &__thumbnail {
@@ -20,6 +22,8 @@
   }
   &__inner {
     @apply p-6;
+    /* @apply flex flex-col; */
+    flex-grow: 2;
     /* @apply  h-full ; */
   }
   &__heading {
@@ -47,4 +51,15 @@
     @apply !text-lg font-bold  text-secondary mb-1;
     line-height: 1.2 !important;
   }
+  .cta--read-more {
+    @apply text-neutral-900;
+  }
+
+  &:hover {
+    transform: scale(1.02) translateY(-10px);
+
+    .cta_arrow_button {
+      opacity: 1;
+    }
+  }
 }