.collapse-with-arrow {
  &:after {
    @extend [class*=" icon-"];
    content: "\e95e";
    // @extend .icon-arrow-down:before;
  }
  &[aria-expanded="true"] {
    &:after {
      @extend [class*=" icon-"];
      content: "\e933";
      // @extend .icon-arrow-up:before;
    }
  }
  &[aria-expanded="false"] {
    &:after {
      @extend [class*=" icon-"];
      content: "\e95e";
      // @extend .icon-arrow-down:before;
    }
  }
}

.collapse-with-caret {
  &::after {
    @extend [class*=" icon-"];
    // @extend .icon-caret-down:before;
    content: "\e92d";
  }

  &[aria-expanded="true"] {
    &::after {
      @extend [class*=" icon-"];
      // @extend .icon-caret-up:before;
      content: "\e92a";
    }
  }

  &[aria-expanded="false"] {
    &::after {
      @extend [class*=" icon-"];
      // @extend .icon-caret-down:before;
      content: "\e92d";
    }
  }
}