.m-boucle-annonce {

  .m-boucle-annonce__wrap {
    @media(width < 767px) {
      overflow-x: scroll;
      padding: 0 12px 5px;
      margin: 0 -12px 1em;
    }
  }

  .nav {
    border: solid 1px var(--wp--preset--color--secondary);
    border-radius: 26px;
    padding: 7px;
    max-width: 480px;
    margin: 2.5rem auto;

    @media(width < 767px) {
      flex-wrap: nowrap;
      margin: 0;
      width: max-content;
    }

    li {
      margin: 0;

      @media(width < 767px) {
        flex: 0 0 auto;
      }

      .nav-link {
        background-color: transparent;
        color: var(--wp--preset--color--main);
        border-radius: 63px;

        &:hover {
          cursor: pointer;
          background-color: rgba(169, 144, 112, 0.4);
        }

        &.active {
          font-weight: bold;
          background: linear-gradient(0deg, rgba(169, 144, 112, 0.4), rgba(169, 144, 112, 0.4)),
            linear-gradient(145.42deg, rgba(137, 115, 87, 0) 31.37%, rgba(137, 115, 87, 0.2) 88.64%);
          color: #66533C;
        }
      }
    }
  }
}