diff --git a/resources/css/base/links.css b/resources/css/base/links.css
index 7b14ba6..123b394 100644
--- a/resources/css/base/links.css
+++ b/resources/css/base/links.css
@@ -1,4 +1,7 @@
 a[target='_blank'] {
+  @apply external-link;
+}
+.external-link {
   &:after {
     @apply content-[''] w-7 h-7 ml-2 inline-block;
     background-image: url('../resources/img/carhop-fleche-lien-externe-full--green.svg');
@@ -9,6 +12,24 @@ a[target='_blank'] {
     background-position: center;
   }
 }
+.underlined-link {
+  transition: all 0.3s ease-out;
+  @apply underline underline-offset-8;
+  text-decoration-thickness: 1px;
+  &--white {
+    @apply decoration-white;
+    &:hover {
+      @apply decoration-carhop-green-300;
+    }
+  }
+  &--green {
+    @apply decoration-carhop-green-700;
+    &:hover {
+      @apply decoration-carhop-green-400;
+    }
+  }
+}
+
 .internal-link-with-icon {
   @apply flex items-center;
   transition: transform 0.3s ease-out;