btu-cig-cluster {
  .CIG-title {
    padding: 0;
  }

  &:state(btu-error) {
    .CIG-title {
      color: var(--color-red6);

      .CIG-titleText::after {
        .Icon;

        content: 'error';
        margin-left: var(--gap-s);
        vertical-align: middle;
      }
    }
  }

  button {
    background: transparent;
    border: 0;
    color: inherit;
    display: flex;
    justify-content: space-between;
    padding: 0 var(--gap-m);
    text-transform: none;
    width: 100%;

    .CIG-titleToggle {
      .IconButton;

      --IconButton-name: 'keyboard_arrow_up';

      position: absolute;
      right: calc(var(--CIG-padding) - var(--gap-l) - var(--gap-s));
      top: calc(50% - var(--Icon-size) / 2 - var(--gap-s));
      transform: rotate(180deg);
      transition: transform var(--time-xs);
    }

    &:hover,
    &:focus {
      color: inherit;

      .CIG-titleToggle {
        .IconButton.is-focus;
      }
    }

    &[aria-expanded='true'] > .CIG-titleToggle {
      transform: none;
    }
  }
}
