.collapsible {
  & .collapsible__trigger {
    cursor: pointer;

    & .icon {
      transition: transform 200ms ease;
    }

    &.open .icon {
      transform: rotate(45deg);
      &.bottom-arrow {
        transform: rotate(180deg);
      }
    }
  }

  & .collapsible__content {
    &.closed {
      display: none;
    }
  }
}