changes

fusion_whitelabels/static/src/css/whitelabel.css

@@ -1,3 +1,91 @@
 .o-mail-Thread-jumpPresent {
     display: none !important;
 }
+
+.o_fusion_nexa_brand_promotion {
+    display: flex;
+    justify-content: flex-end;
+    align-items: baseline;
+    gap: 0.35rem;
+    width: 100%;
+    color: inherit;
+    text-align: right;
+    opacity: 0.95;
+    animation: o-fusion-nexa-credit-in 700ms ease-out both;
+}
+
+.o_fusion_nexa_brand_label {
+    white-space: nowrap;
+}
+
+.o_fusion_nexa_brand_link {
+    position: relative;
+    display: inline-block;
+    color: #1f6feb;
+    font-weight: 700;
+    text-decoration: none !important;
+    white-space: nowrap;
+    transition: color 180ms ease, text-shadow 180ms ease;
+}
+
+.o_fusion_nexa_brand_link::after {
+    content: "";
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: -0.16em;
+    height: 2px;
+    border-radius: 999px;
+    background: linear-gradient(90deg, #16a085, #1f6feb, #16a085);
+    background-size: 200% 100%;
+    transform: scaleX(0.36);
+    transform-origin: left center;
+    opacity: 0.72;
+    transition: transform 220ms ease, opacity 220ms ease;
+    animation: o-fusion-nexa-underline-flow 2.8s linear infinite;
+}
+
+.o_fusion_nexa_brand_link:hover,
+.o_fusion_nexa_brand_link:focus {
+    color: #1f6feb;
+    text-decoration: none !important;
+    text-shadow: 0 0 12px rgba(31, 111, 235, 0.18);
+}
+
+.o_fusion_nexa_brand_link:hover::after,
+.o_fusion_nexa_brand_link:focus::after {
+    transform: scaleX(1);
+    opacity: 1;
+}
+
+@keyframes o-fusion-nexa-credit-in {
+    from {
+        opacity: 0;
+        transform: translateY(6px);
+    }
+    to {
+        opacity: 0.95;
+        transform: translateY(0);
+    }
+}
+
+@keyframes o-fusion-nexa-underline-flow {
+    from {
+        background-position: 0 0;
+    }
+    to {
+        background-position: 200% 0;
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .o_fusion_nexa_brand_promotion,
+    .o_fusion_nexa_brand_link::after {
+        animation: none;
+    }
+
+    .o_fusion_nexa_brand_link,
+    .o_fusion_nexa_brand_link::after {
+        transition: none;
+    }
+}