.c-block-header {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 2rem;

  @include media-breakpoint-up(lg) {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }

  @include media-breakpoint-up(md) {
    margin-bottom: 2.5rem;
  }

  &__title {
    flex: 1;
    width: 100%;
    margin-bottom: 0;

    @include media-breakpoint-up(lg) {
      width: auto;
    }
  }
  &__btn {
    @include media-breakpoint-down(lg) {
      align-self: flex-end;
      --hks-btn-padding-y: 0.5rem;
      --hks-btn-padding-x: 1rem;
      --hks-btn-font-size: 0.875rem;
      --hks-btn-border-radius: var(--hks-border-radius-sm);
    }
  }
}