#revue-toolbar,
#article-toolbar {
  @apply col-span-2 container mx-auto;

  .tablist {
    @apply flex items-center overflow-x-scroll lg:overflow-x-visible gap-4 md:gap-8 lg:gap-12 border-b border-primary;
    button {
      @apply text-base md:text-lg  lg:text-xl  mt-8  nunito pb-4 flex flex-col lg:flex-row  items-center gap-2 lg:gap-4 text-left;
      grid-template-columns: auto 1fr;
      /* white-space: normal;
      word-wrap: break-word; */
      /* break-word: break-; */
      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;
      }
    }

    a.cta--download-pdf {
      @apply ml-auto;
    }
    #listen-article {
      @apply bg-primary text-white rounded-full w-12 h-12 flex items-center justify-center m-0 p-0 transition-all duration-300;
      &:hover {
        @apply scale-110;
      }
      img {
        @apply w-6 h-6;
      }
      &.is-active {
        @apply bg-red-500;

    }
  }

  .toolbar-actions {
    @apply flex items-center gap-3 ml-auto;
  }
}