.ui-c-tab {
  display: inline-block;
  padding: 7px 24px;
  font-size: var(--body-1);
  font-weight: 700;
  cursor: pointer;

  &:not(.ui-c-tab--active) {
    border-bottom: transparent 4px solid;
  }

  &:hover {
    background-color: rgb(0 0 0 / 6%);
  }
}

.ui-c-tab--active {
  border-bottom: 4px solid var(--brand-primary-normal);
}