.np-back-button {
  color: var(--color-interactive-accent);
  display: flex !important;

  &:hover {
    color: var(--color-interactive-accent-hover);
  }

  &:active {
    color: var(--color-interactive-accent-active);
  }

  .np-theme-personal & {
    color: var(--color-content-primary);

    &:hover {
      color: var(--color-content-primary-hover);
    }

    &:active {
      color: var(--color-content-primary-active);
    }

    & .tw-icon {
      color: var(--color-interactive-primary);

      &:hover {
        color: var(--color-interactive-primary-hover);
      }

      &:active {
        color: var(--color-interactive-primary-active);
      }
    }
  }
}
