.nav a:not(.nav-cta) {
  position: relative;
}

.nav a:not(.nav-cta)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 25%;
  height: 2px;
  background: var(--blue);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .38s cubic-bezier(.22,.61,.36,1);
}

.nav a:not(.nav-cta):hover::after,
.nav a:not(.nav-cta):focus-visible::after {
  transform: scaleX(1);
}

.nav a:not(.nav-cta).active::after {
  transform: scaleX(1);
}