.nav-element:where(.astro-MJCADFD2){position:relative;display:inline-block;transition:all .3s ease}.nav-element:where(.astro-MJCADFD2):before{content:"";position:absolute;bottom:0;left:0;width:100%;height:.2rem;border-radius:.2rem;background-color:#fff6}.nav-element:where(.astro-MJCADFD2):after{content:"";position:absolute;bottom:0;right:0;width:100%;height:.2rem;border-radius:.2rem;background-image:linear-gradient(to right,#5e42a6,#b74e91);max-width:0;transition:max-width .3s ease 0s;//visibility: hidden;//transform: scaleX(0);//transition: all .3s ease 0s}.nav-element:where(.astro-MJCADFD2).active{color:#fff}.nav-element:where(.astro-MJCADFD2).active:after{max-width:100%}.nav-element:where(.astro-MJCADFD2):hover:after{//width: 100%;//visibility: visible;//transform: scaleX(1)}