.nav-link {
      position: relative;
    }
    .nav-link::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -0.25rem;
      width: 0;
      height: 2px;
      background: linear-gradient(to right, #1d7ed8, #0f4c81);
      transition: width 0.2s ease-out;
    }
    .nav-link:hover::after,
    .nav-link--active::after {
      width: 100%;
    }