.nav-link{color:var(--primary);align-items:center;text-decoration:none;transition:color .17s;display:inline-flex;position:relative}.nav-link:after{content:"";transform-origin:0;background:linear-gradient(90deg, var(--primary), var(--secondary));width:100%;height:2px;transition:transform .17s;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.nav-link:hover:after,.nav-link.is-active:after{transform:scaleX(1)}@media (width<=640px){.nav-link:after{bottom:-4px}}