.bz-section {
  &__header {
    background-color: $bz-neutral-100;
    border-bottom: 1px solid $bz-neutral-300;
    border-top: 1px solid $bz-neutral-300;
    color: $bz-neutral-600;
    font-size: $bz-font-size-body;
    margin: 0;
    min-height: 25px;
    padding: $bz-space-inset-m;
    position: relative;
    width: 100%;

    >svg.bz-icn {
      left: initial;
      margin-top: $bz-space-stack-m * -1;
      padding: $bz-space-inset-s;
      position: absolute;
      right: $bz-space-inset-s;
      top: 50%;
      transition: transform .26s ease;
    }

    >span {
      margin-left: 0;
    }
  }

  &__content {
    display: none;
  }

  .expanded {
    .bz-section__header {
      display: none;
    }

    .bz-section__content {
      display: block;
    }
  }
}

[dir=rtl] {
  .bz-section {
    &__header {
      >svg.bz-icn {
        transform: rotate(180deg);
        left: $bz-space-inset-s;
        right: initial;
      }
    }
  }
}