.nav-quick-links {
  max-width: $screen-xxl;
  margin: 0 auto;
  float: none;
  width: 100%;

  &-list {
    margin: 0 auto;
    float: none;
    display: table;
    position: relative;

    &.mSite {
      margin-left: 12px;
      a {
        font-weight: normal;
      }
    }

    li {
      display: table-cell;
      vertical-align: middle;
      white-space: nowrap;

      a, button {
        display: block;
        padding: 12px 24px;
        color: $black;
        font-weight: $font-weight-semi-bold;
        @include font-size(14px);

        svg {
          margin-right: 6px;
        }
      }

      .pending-approval-count {
        background-color: $red;
        color: $white;
        text-align: center;
        @include font-size(12px);
        padding: 2px 4px;
        border-radius: 11px;
        min-width: 20px;
        position: relative;
        margin-left: -6px;
        margin-right: 6px;
        font-weight: $font-weight-normal;

        &.zero {
          background-color: $gray-medium;
          color: $gray;
        }
      }
    }

    .nav-more-option {
      &:hover .nav-more-links-list {
        display: block;
        position: absolute;
        z-index: $zindex-dropdown-backdrop;
        background-color: $white;
        width: auto;
        right: 0;
        top: 85%;
        border: 1px solid $gray-medium;
        border-radius: 3px;

        li {
          display: block;
          clear: both;
          border-bottom: 1px solid $gray-light;
          width: 100%;
        }
      }
      
      > button {
        background: none;
        border: 0;
      }
    }
  }
}