adding download cta handling

resources/css/components/cta.css

@@ -32,6 +32,38 @@
       @apply bg-secondary text-white;
     }
   }
+  &--download {
+    @apply relative h-16 w-16  shadowed;
+    transition: scale 0.3s ease-in-out;
+    &:after {
+      @apply w-full h-full  absolute;
+      /* content: url('../resources/img/graphic-assets/icone-external-link.svg'); */
+      content: ' ';
+      background-image: url('../resources/img/graphic-assets/arrow_download.svg');
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: contain;
+      width: 24px;
+      height: 24px;
+      /* background-color: rgba(0, 0, 0, 0.5); */
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+    }
+    &:hover {
+      scale: 1.1;
+    }
+  }
+
+  &.cta--download.cta--white {
+    &:hover {
+      @apply bg-secondary text-white;
+      &:after {
+        filter: invert(99%) sepia(3%) saturate(175%) hue-rotate(283deg) brightness(113%)
+          contrast(100%);
+      }
+    }
+  }
   &--streched {
     @apply after:absolute after:inset-0;
   }