.vl-step__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  border: 0;
  text-align: left;
  text-decoration: none;

  .vl-step--accordion & {
    & ~ .vl-step__content-wrapper .vl-step__content { // sass-lint:disable-line force-element-nesting, max-line-length
      border-top: 0.1rem solid $vl-border-color;
      padding-top: 1.5rem;
    }

    &:hover,
    &:focus {
      color: $vl-action-text-color;

      .vl-step__title {
        text-decoration: underline;
      }
    }
  }

  // Step header action
  &__action {
    @include respond-to(small) {
      display: inline-block;
      margin-top: 1rem;
    }
  }

  // Step header info
  &__info {
    color: $vl-text-color;

    i {
      margin-left: 1rem;
      text-decoration: none !important; // sass-lint:disable-line no-important
    }

    .vl-step--disabled & {
      opacity: 0.5;
    }
  }
}