.steps {
	@extend .d-flex;
}

.steps-item {
	@extend .d-flex,
          .align-items-center;
}

.steps-link {
  @extend %font-size-base,
          .text-white,
          .font-weight-bold;

  opacity: 0.35;

  .current-step & {
    opacity: 1;
  }
  .prev-step &,
  .next-step & {
    &:not(.disabled) {
      opacity: 0.7;
    }
  }

  &.disabled {
    pointer-events: none;
  }

	@include hover-focus-active {
	  text-decoration: none;
	}

}

.steps-icon {
  @extend .text-white;
  opacity: 0.35;
}