.tablist {
  @apply flex items-center overflow-y-visible gap-8 lg:gap-3 xl:gap-12 border-b border-primary py-0;
  position: relative;

  span {
    @apply sr-only lg:not-sr-only;
  }
  button {
    @apply text-base md:text-lg  lg:text-lg  mt-8  nunito pb-4 flex flex-col lg:flex-row  items-center gap-2 lg:gap-4 text-left shrink-0;
    grid-template-columns: auto 1fr;

    word-break: keep-all;

    .icon {
      @apply w-8 h-8 block;
    }

    &[aria-selected='true'] {
      @apply text-primary border-b-4 border-primary;
      .icon {
        @apply filter-primary;
      }
    }
    &[aria-selected='false'] {
      @apply text-black opacity-40;
    }
  }
}