.header{.navigation-label{position:relative;padding-bottom:2px}.navigation-text{display:inline-block;color:black;background:#64748b;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:color .8s ease-out}.navigation-label.active .navigation-text,.navigation-label:hover .navigation-text{background:#be123c;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navigation-label:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--main-gredient);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out;cursor:pointer}.navigation-label.active:after,.navigation-label:hover:after{transform:scaleX(1);transform-origin:bottom left}}