Angular 在有角度的6卡Botton中心边框上添加图像/徽章

我目前正在开发一个使用Angular 6的搜索面板，我希望在卡片底部中心边框上有一个“箭头”图像或徽章，用于切换显示/隐藏搜索面板。所需的输出如下所示。有人可以建议我如何实现输出

<div *ngIf="isSearchVisible" class="search-panel-lower">
  <div class="card">
    <div class="card-body">
      <form>
         <!--Code here-->
      </form>
    </div>
  </div>
</div>

---

您可以像这样使用CSS放置一个按钮

    <div class="card" style="position:relative;overflow:initial;">
        <div class="card-title">
            title
        </div>
        <div class="card-content">
            content
        </div>
        <!-- button code -->
        <div style="position:absolute;text-align:center;width:100%;bottom:-10px;">button icon</div>
    </div>

标题
内容
按钮图标

您是在问如何在那里放置这样的按钮吗？或者如何显示/隐藏面板，或者如何以这种方式设置按钮的样式？你试过什么？@ChrisW。如何把一个按钮放在那里。我已经完成了切换部分。有没有库可以用来在边框上添加按钮，或者我应该使用CSS？