.card-subheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  min-height: 42px;
  padding: 9px 24px;

  &--skin-standard {
    background-color: var(--wds-color-blue-500, var(--wsr-color-B50, #e7f0ff));
    border-top: 1px var(--wds-color-blue-300, var(--wsr-color-B30, #a8caff))
      solid;
    border-bottom: 1px var(--wds-color-blue-300, var(--wsr-color-B30, #a8caff))
      solid;
  }

  &--skin-neutral {
    /* stylelint-disable-next-line plugin/use-baseline */
    background-color: color-mix(
      in srgb,
      var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 3%,
      transparent
    );
    border-top: 1px var(--wds-color-black-600, var(--wsr-color-D60, #dfe5eb))
      solid;
    border-bottom: 1px var(--wds-color-black-600, var(--wsr-color-D60, #dfe5eb))
      solid;
  }

  &__suffix {
    height: 0;
    flex-shrink: 0;
    margin-left: 12px;
    display: flex;
    align-items: center;
  }
}