.c-collapsible-content {
  @apply overflow-hidden radix-state-closed:animate-collapsible-close radix-state-open:animate-collapsible-open;
}

.c-collapsible-trigger {
  @apply flex gap-2 items-center;

  &.arrow-right {
    @apply flex-row-reverse;
  }
}

.c-collapsible-arrow {
  transition: 0.3s;
}

.c-collapsible-trigger[data-state='open'] .c-collapsible-arrow {
  transform: rotate(180deg);
}
