.steps {

  & .steps__nav-item-link {

    &.is-active {
      border: 1px solid var(--_colors---sand);
      background-color: var(--_colors---hope);

      &:hover {
        padding-left: .5em;
        padding-right: 1em;
        border: 1px solid var(--_colors---sand);
      }

      & .steps__nav-item-title,
      & .steps__nav-item-order {
        color: var(--_colors---white);
      }
    }

    &:hover {
      transition: all .3s ease-in-out;
      padding-left: .75em;
      padding-right: 1.25em;
      border: 1px solid var(--_colors---coal);
    }
  }
}