.composer-header {
  height: var(--wds-composer-header-height-medium, var(--wds-space-900));

  &--size-small {
    height: var(--wds-composer-header-height-small, var(--wds-space-750));
  }

  & &__back-button#{&}__back-button .button-core__prefix {
    width: var(
      --wds-composer-header-back-button-icon-size-medium,
      var(--wds-space-600)
    );
    height: var(
      --wds-composer-header-back-button-icon-size-medium,
      var(--wds-space-600)
    );
  }

  &--size-small &__back-button#{&}__back-button .button-core__prefix {
    width: var(
      --wds-composer-header-back-button-icon-size-small,
      var(--wds-space-475)
    );
    height: var(
      --wds-composer-header-back-button-icon-size-small,
      var(--wds-space-475)
    );
  }

  &--mobile {
    height: 32px;
    padding: var(--wds-space-250, 15px) var(--wds-space-300, 18px);
  }
}