.navbarNavLink {
  padding: 0;
}

.navbarNavLinkContent {
  padding: 0.25rem 0.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.navbarNavLinkContentWithIcon .navbarNavLinkIcon {
  display: none;
  height: 2rem;
  width: 2rem;
}

.navbarNavLinkContentLabel {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: inline-block;
  height: 1.25rem;
  color: #19192c;
  position: relative;
}

.hasPopupIcon {
  display: none;
}

@media (min-width: 997px) {
  .hasPopupIcon {
    display: inline-block;
    transform: rotate(90deg);
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    margin-left: 0.25rem;
  }

  .navbarNavLinkContentLabel::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
  }

  .navbarNavLinkContentLabel::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
  }

  .navbarNavLinkContent:hover .navbarNavLinkContentLabel::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
  }

  .navbarNavLinkContentWithIcon .navbarNavLinkIcon {
    display: block;
  }

  .navbarNavLinkContentWithIcon .navbarNavLinkContentLabel {
    display: none;
  }
}
