.

styles/less/ux/tooltip/tooltip.less

@@ -53,6 +53,33 @@ aside[role='tooltip']:has(div.daggerheart.dh-style.tooltip.card-style) {
         }
     }
 
+    .tooltip-duration {
+        font-style: italic;
+        text-align: start;
+        position: relative;
+        width: 100%;
+        padding: 5px 10px;
+        margin: 5px 0px;
+
+        &::before {
+            content: '';
+            background: @golden;
+            mask-image: linear-gradient(270deg, transparent 0%, black 50%, transparent 100%);
+            height: 2px;
+            width: calc(100% - 10px);
+            position: absolute;
+            top: -5px;
+            font-size: 14px;
+        }
+
+        .duration-inner-container {
+            display: flex;
+            justify-content: center;
+            gap: 2px;
+            width: 100%;
+        }
+    }
+
     .tooltip-tags {
         display: flex;
         flex-direction: column;

templates/ui/tooltip/effect.hbs

@@ -4,4 +4,12 @@
     {{#if description}}
         <div class="tooltip-description">{{{description}}}</div>
     {{/if}}
+    {{#if item.system.duration.type}}
+        <div class="tooltip-duration">
+            <div class="duration-inner-container">
+                <span>{{localize "EFFECT.DURATION.Label"}}:</span>
+                <span>{{localize (concat "DAGGERHEART.CONFIG.ActiveEffectDuration." item.system.duration.type )}}</span>
+            </div>
+        </div>
+    {{/if}}
 </div>