arrow report

assets/css/template/_report.scss

@@ -49,6 +49,29 @@
 }
 
 
+.arrow-report{
+    font-size: 14px;
+    color: var(--color-txt-light);
+
+    width: 20px;
+    height: 20px;
+
+}
+
+.media-anchor{
+    width: 100%;
+    height: 0px;
+    display: flex;
+    justify-content: flex-end;
+
+    .arrow-report{
+        position: relative;
+        left: 50px;
+        top: 8px;
+    }
+}
+
+
 
 @media #{$small-up}{
 [data-template="report"] {
@@ -64,7 +87,7 @@
     .report__content {
         display: grid;
         grid-template-columns: 1fr 1fr;
-        grid-gap: var(--padding-body);
+        grid-gap: calc(var(--padding-body)*2.5);
         z-index: calc(var(--z-header) - 100);
 
         .report__txt {
@@ -83,6 +106,24 @@
             grid-column: 2;
             // border: var(--border-light);
             min-height: 100px;
+            
+        }
+
+        #arrow__medias{
+            z-index: calc(var(--z-header) - 100);
+            position: sticky;
+            top: calc(var(--header-h) + var(--padding-body));
+            align-self: start;
+
+            grid-row: 1;
+            grid-column: 2;
+            transform: rotate(180deg);
+            transform-origin: center;
+           
+            span{
+                position: relative;
+                left: 26px;
+            }
         }
 
     }
@@ -255,6 +296,8 @@
         margin-bottom: var(--spacing);
         font-weight: normal;
         text-transform: uppercase;
+        text-wrap: balance;
+        max-width: 42ch;
     }
 
     p {
@@ -286,6 +329,10 @@
         line-height: 1.1;
     }
 
+    .swiper{
+        width: calc(100% - 60px);
+        max-width: 600px;
+    }
 }