.vl-tabs {
  &--secondary {
    border-bottom: 1px solid $vl-shade-medium;

    .vl-tab {
      border: 1px solid $vl-shade-medium;
      border-radius: 5px 5px 0px 0px;
      margin-right: 10px;
      margin-bottom: 2px;

      &:hover {
        background-color: $vl-shade-light;
      }

      .vl-tab__link {
        border: initial;
      }

      &--active {
        border-bottom: 1px solid white;
      }

      &--disabled {
        background-color: $vl-shade-light;
    
        .vl-tab__link {
          color: grey;
          cursor: default;
        }
      }
    }
  }
}