.filters-toolbar {
  @apply py-8;
  ul {
    @apply flex
    flex-row
    justify-start
    md:justify-center
    lg:justify-start
  
    flex-wrap
    container
    mx-auto 
    gap-x-4 gap-y-3 p-0;
  }
  li {
    @apply h-auto;
  }

  &__posts-results-indications {
    @apply flex justify-between items-center;
  }
  &__posts-results-amount {
    @apply pb-4;

    .results-filter-name {
      @apply font-bold;
    }
    &.filter-disable {
      .results-filter-name,
      .results-for {
        @apply hidden sr-only;
      }
    }
  }
  &__action-button {
    @apply bg-white shadowed py-4 px-4 rounded-xl 
    font-bold 
    flex 
    justify-center
    items-center
    gap-3
    w-fit
    h-full;
    outline-offset: 0 !important;
    transition: transform 0.2s ease-in-out;
    &:hover {
      transform: scale(1.02) translateY(-2px);
    }
    .icon {
      @apply h-6 w-6 object-contain object-right;
    }
    .name {
      @apply block;
    }
  }

  &__action-button--load-all {
    @apply underline;
  }
  &__action-button--active {
    @apply text-secondary;
    outline: transparent;
  }
}
