.filter-input-button__filter-button {
  @apply flex flex-row gap-2 items-center justify-center px-6 h-12 bg-isa-neutral-400 rounded-[3.125rem] border border-solid border-transparent;

  .filter-input-button__filter-button-label {
    @apply text-isa-neutral-600 isa-text-body-2-bold overflow-hidden text-ellipsis whitespace-nowrap max-w-[8rem];
  }

  .filter-input-button__filter-button-label-full {
    @apply max-w-full;
  }

  .filter-input-button__filter-button-icon {
    @apply text-isa-accent-blue;
  }

  &.open {
    @apply bg-transparent border border-solid border-isa-neutral-900;

    .filter-input-button__filter-button-label {
      @apply text-isa-neutral-900;
    }

    .filter-input-button__filter-button-icon {
      @apply text-isa-neutral-900;
    }
  }

  &.active {
    @apply border-isa-accent-blue;

    .filter-input-button__filter-button-label {
      @apply text-isa-accent-blue;
    }
  }
}
