Links in Slick Slider not working?

Question

Slick

There is such a section with a slider, but for some reason the links in the slider refuse to work, what is the error or how to fix this problem?

<section class="popular">
          <div class="popular__container">
            <h2 class="popular__title title">TEXT</h2>
            <div class="popular__egp">
              <h3 class="popular__info-title">TEXT</h3>
              <div class="popular__info">
                <div class="popular__info-text">
                  <p class="popular__info-p">TEXT</p>
               <p class="popular__info-p">TEXT
              </p>
              <p class="popular__info-p">TEXT
              </p>
                </div>
                <img class="popular__info-img" src="images/popular/egpjpg.jpg" alt="egp">
              </div>
              <div class="popular__slider">
                <h3 class="popular__slider-title">TEXT</h3>
                <div class="popular__slider-list">
                  <div class="popular__slider-item">
                    <div class="popular__slider-child">TEXT</div>
                    <img class="popular__slider-img" src="images/popular/egp/TEXT.png" alt="TEXT">
                    <h3 class="popular__slider-name">TEXT </h3>
                    <p class="popular__slider-local">TEXT</p>
                    <div class="popular__slider-star five"></div>
                    <a class="popular__slider-btn" href="new.html">TEXT</a>
                  </div>
                      <div class="popular__slider-item">
                    <div class="popular__slider-child">TEXT</div>
                    <img class="popular__slider-img" src="images/popular/egp/TEXT.png" alt="TEXT">
                    <h3 class="popular__slider-name">TEXT </h3>
                    <p class="popular__slider-local">TEXT</p>
                    <div class="popular__slider-star five"></div>
                    <a class="popular__slider-btn" href="new.html">TEXT</a>
                  </div>
                  <div class="popular__slider-item">
                    <div class="popular__slider-child">TEXT</div>
                    <img class="popular__slider-img" src="images/popular/egp/TEXT.png" alt="TEXT">
                    <h3 class="popular__slider-name">TEXT </h3>
                    <p class="popular__slider-local">TEXT</p>
                    <div class="popular__slider-star five"></div>
                    <a class="popular__slider-btn" href="new.html">TEXT</a>
                  </div>
                 <div class="popular__slider-item">
                    <div class="popular__slider-child">TEXT</div>
                    <img class="popular__slider-img" src="images/popular/egp/TEXT.png" alt="TEXT">
                    <h3 class="popular__slider-name">TEXT </h3>
                    <p class="popular__slider-local">TEXT</p>
                    <div class="popular__slider-star five"></div>
                    <a class="popular__slider-btn" href="new.html">TEXT</a>
                  </div>
                      <div class="popular__slider-item">
                    <div class="popular__slider-child">TEXT</div>
                    <img class="popular__slider-img" src="images/popular/egp/TEXT.png" alt="TEXT">
                    <h3 class="popular__slider-name">TEXT </h3>
                    <p class="popular__slider-local">TEXT</p>
                    <div class="popular__slider-star five"></div>
                    <a class="popular__slider-btn" href="new.html">TEXT</a>
                  </div>
               
                </div>
              </div>
            </div>
          </div>
        </section>

$(".popular__slider-list").slick({
    dots: false,
    autoplay: true,
    slidesToShow: 3,
    slidesToScroll: 1,
  });