From b0cfbc749f9e04cd0d628f1889fe899257323ca7 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 7 Nov 2023 16:49:12 +0100
Subject: [PATCH] adding download cta handling

---
 resources/css/components/cta.css | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/resources/css/components/cta.css b/resources/css/components/cta.css
index 9566aa9..fe376d6 100644
--- a/resources/css/components/cta.css
+++ b/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;
   }