.nav-link svg{
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translate(-50%,-50%);
    stroke-width: 12px;
    fill: transparent ;
    stroke-dasharray: 6200;
    stroke-dashoffset: 6200;
    opacity: 0;
    stroke: black;
    z-index: 2;
    width: 135px;
}

    /* .nav-link svg{
    opacity: 1;
    stroke-dashoffset: 0;
    transition: opacity 0s, stroke-dashoffset 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
} */

.nav-link--active svg{
    stroke-dashoffset: 0;
    opacity: 1;
    transition-delay: 2ms;
    transition: opacity 1s, stroke-dashoffset 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}