feat: change news design

packages/base/Resources/Public/Scss/components/_news.scss

@@ -92,22 +92,39 @@
     height: auto;
   }
 
+
   a {
+    position: relative;
     display: flex;
     flex-direction: column;
+    border-radius: 1rem;
+    border-bottom-right-radius: 0;
+    overflow: hidden;
 
-    .body {
-      position: relative;
-      padding: .5rem;
+    .news-item-content {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      background: var(--bs-primary);
+      color: #fff;
+      border-top-right-radius: 1rem;
+      padding: 1rem;
     }
 
-    time {
-      padding-left: .6rem;
-      color: var(--bs-gray-900);
-    }
-
-    .readmore {
-      color: var(--bs-primary);
+    h3 {
+      font-family: 'Inter', sans-serif;
+      font-size: 1.25rem;
+      font-weight: 500;
+      margin: 0;
+    }
+  }
+}
+
+.news-list-item-big {
+  a .news-item-content {
+    @media (min-width: $breakpoint-md) {
+      padding: 2.875rem;
     }
   }
 }