From 10b9aa321da6f6d30deb659674e6c704d79dc005 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 8 Aug 2024 11:09:22 +0200
Subject: [PATCH] fixing link exception problem with .Cta

---
 resources/css/base/links.css | 54 ++++++++++++++++++------------------
 1 file changed, 27 insertions(+), 27 deletions(-)

diff --git a/resources/css/base/links.css b/resources/css/base/links.css
index ea8584d..a4e985c 100644
--- a/resources/css/base/links.css
+++ b/resources/css/base/links.css
@@ -1,9 +1,8 @@
 :root :where(a:where(:not(.wp-element-button))) {
   text-decoration: unset;
 }
-/* EXTERNAL LINKS IN NEW TAB */
 
-a:not(
+/* a:not(
     .cta--secondary,
     .wp-block-button__link,
     .cta,
@@ -19,34 +18,35 @@ a:not(
       transform: translateY(1px);
     }
   } */
-}
+/* } */
+
+/* EXTERNAL LINKS IN NEW TAB */
 
 main
-  a[target='_blank']:not(.cta--primary, .cta--button, .wp-block-button__link):not(
-    [href*='homegrade\.local']
-  ):not([href*='homegrade\.brussels']) {
-  @apply inline-flex items-center;
-  @apply px-2 py-1;
-  @apply text-primary underline font-bold relative;
-
-  &:after {
-    @apply ml-2 inline-block;
-    /* content: url('../resources/img/graphic-assets/icone-external-link-purple.svg'); */
-    /* transform: translateY(-3px); */
-
-    html[lang='fr-FR'] & {
-      content: "S'ouvre dans un nouvel onglet ";
-    }
-    html[lang='nl-NL'] & {
-      content: 'Downloaden';
-    }
-    @apply w-4 h-4 inline-block ml-2 bg-center bg-no-repeat;
-    font-size: 0 !important;
-    background-image: url('../resources/img/graphic-assets/icone-external-link-black.svg');
-  }
-  &:hover {
+  a[target='_blank']:not([href*='homegrade\.local']):not([href*='homegrade\.brussels']):not(
+    :has(img)
+  ) {
+  &:not(.cta--primary, .cta--secondary, .cta--button, .wp-block-button__link) {
+    @apply inline-flex items-center;
+    @apply px-2 py-1;
+    @apply text-primary underline font-bold relative;
     @apply rounded-md;
-    background: rgba(239, 239, 239);
+    &:after {
+      @apply ml-2 inline-block;
+
+      html[lang='fr-FR'] & {
+        content: "S'ouvre dans un nouvel onglet ";
+      }
+      html[lang='nl-NL'] & {
+        content: 'Opent in een nieuw tabblad';
+      }
+      @apply w-4 h-4 inline-block ml-2 bg-center bg-no-repeat;
+      font-size: 0 !important;
+      background-image: url('../resources/img/graphic-assets/icone-external-link-black.svg');
+    }
+    &:hover {
+      background: rgba(239, 239, 239);
+    }
   }
 }