#header-navigation-2 {
  ul {
    list-style: none;
    display: flex;

    li {
      margin-right: 20px;

      &:nth-child(2n+1) {

        a,
        strong {
          background-color: rgba(170, 0, 0, 0.7);
          color: $ls-color-white;
          transition: background-color 0.3s;

          &:hover {
            background-color: rgba(170, 0, 0, 1);
            transition: background-color 0.3s;
          }
        }
      }

      > a,
      strong {
        display: block;
        border: 1px solid $ls-color-black;
        padding: 0 1.5rem;
        min-width: 80px;
        text-align: center;
        position: relative;
        line-height: 2.3;
        transition: border 0.3s;

        &::after {
          content: "";
          display: inline-block;
          height: 20px;
          right: -11px;
          border-radius: 50%;
          position: absolute;
          top: 8px;
          width: 20px;
        }

        &:hover {
          border: 1px solid $ls-color-dark-grey;
          transition: background-color 0.3s, border 0.3s;
          background-color: $ls-color-light-grey;
        }
      }
    }
  }
}