:host {
  @apply box-border flex flex-row items-center justify-center h-[3.3125rem] w-full;
}

.order-by-filter-button {
  @apply bg-transparent outline-none border-none text-p2 font-bold flex flex-row justify-center items-center text-[#0556B4];
}

::ng-deep .tablet shared-order-by-filter .order-by-filter-button {
  @apply mx-0;
}

ui-icon {
  @apply hidden transform ml-1 rounded-full p-1 bg-[#AEB7C1] h-[20px] w-[20px] items-center justify-center;
  transition: 250ms all ease-in-out;
}

ui-icon.asc,
ui-icon.desc {
  @apply flex rounded-full visible text-black;
}

ui-icon.asc {
  @apply -rotate-90;
}

ui-icon.desc {
  @apply rotate-90;
}
