.business-navtab .tooltip-navtab-label {
  margin-block-end: var(--sp1-5);
  font-family: var(--font-serif);
  font-style: italic;
  font-size: var(--font-size-s);
  color: var(--color-text-neutral-soft);
  letter-spacing: 0.03em;
}

.business-navtab .tooltip-navtab-block {
  display: flex;
  flex-direction: column;
  gap: var(--sp0-75);
}

@media (min-width: 62.5rem) {
    .business-navtab .component-tooltip-box {
        min-width: 300px;  
    }
}

@media (max-width: 62.5rem) {
    .business-navtab .component-tooltip-box {
        min-width: 100%;  
    }
}

.business-navtab .tooltip-navtab-block,
.business-navtab .tooltip-navtab-block a {
  color: var(--color-text-neutral-loud);
}

.business-navtab .component-tooltip-title {
  position: relative;
  padding-block: var(--sp0-25);
}

.business-navtab .component-tooltip-title::after {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 0;
  content: "";
  transition: transform 0.2s;
  transform: scaleX(0);
  transform-origin: left;
  border-top: solid 3px var(--color--primary-50);
}

.business-navtab .component-tooltip-title:hover:after {
  transform: scaleX(1);
}