chutier icon display promotion message if not loged in

sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css

@@ -1459,6 +1459,7 @@ body.ajax-loading main[role="main"]:before {
 
 .chutier-icon {
   display: block;
+  position: relative;
   width: 1em;
   height: 1em;
   overflow: hidden;
@@ -1473,6 +1474,27 @@ body.ajax-loading main[role="main"]:before {
     background-image: url(../img/favori-on.svg); }
   .chutier-icon.ajax-loading {
     opacity: 0.2; }
+  .chutier-icon.not-logedin {
+    overflow: visible; }
+  .chutier-icon .popup {
+    z-index: 10;
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 300px;
+    height: auto;
+    min-height: 100px; }
+    .chutier-icon .popup .inner {
+      background-color: rgba(255, 255, 255, 0.9);
+      border: 1px solid red;
+      text-indent: 0;
+      padding: 0.5em;
+      margin: 1.2em 0 0 1.2em; }
+      .chutier-icon .popup .inner p {
+        margin: 0; }
+  .chutier-icon:hover .popup {
+    display: block; }
 
 body.path-agenda main .col > .wrapper {
   height: 100%; }