如何在Bootstrap 5弹出窗口中添加按钮?

我试图在Bootstrap中的Popovers内放置一个按钮。但我没有成功。

我正在使用引导-弹出窗口。我想在弹出窗口里面有一个按钮。

<div class="col-lg-4 mb-3 servicePOP" data-aos="fade-up" tabindex="0" data-bs-toggle="popover" data-bs-placement="top" data-bs-trigger="focus" title="Title" data-bs-content="A short description">
<div class="card position-relative">
<div class="d-block card-icon">
<img src="images.png" class="card-icon position-absolute start-0 end-0 m-auto rounded-circle mb-5 lazy" alt="Title">
</div>
<div class="card-body text-center mt-5 pt-5">
<a href="# class="text-decoration-none text-dark">
<h5 class="card-title">Title</h5>
</a>
<p>A short description</p>
<a href="#" class="btn btn-primary">More Details</a>
</div>
</div>
</div>

JS

<script>
let servicePOP = '<a href="#" class="btn btn-warning">Test link</a>';
$('.servicePOP').popover({
content: servicePOP,
html: true
});
</script>