制作按钮在另一个窗口中打开网页

Question

这是我的代码：

          <ul class="card-action-list">

            <li class="card-action-item">
              <button class="card-action-btn" aria-labelledby="card-label-1">
                <ion-icon name="cart-outline"></ion-icon>
              </button>

              <div class="card-action-tooltip" id="card-label-1">Open In New Tab</div>
            </li>

            <li class="card-action-item">
              <button class="card-action-btn" aria-labelledby="card-label-1">
                <ion-icon name="cart-outline"></ion-icon>
              </button>

              <div class="card-action-tooltip" id="card-label-2">Open In New Window</div>
            </li>

            <li class="card-action-item">
              <button class="card-action-btn" aria-labelledby="card-label-2">
                <ion-icon name="share-social-outline"></ion-icon>
              </button>

              <div class="card-action-tooltip" id="card-label-3">Share Link</div>
            </li>

          </ul>

我想像这样将锚点放入按钮中：

  <a target="_blank" and rel="noopener noreferrer" href="producttest.html"></a>

当我将它放入按钮时，我认为它不起作用。抱歉，如果这是一个简单的修复，我是 Web 开发的新手 :)