如何在引导卡旁边的右上角获得一个按钮？
到目前为止我的代码：

<div className="row p-5 m-2">
          {savedEpisodes?.map((saved) => {
            return (
              <div className="col-md-2" key={saved.episode.id}>
                <div style={{ color: "white" }}>X</div>
                <div className="card">
                  <div style={{ color: "white" }}>X</div>
                  <img
                    src={saved.episode.images[1].url}
                    alt="podcastimg"
                    className="card-img-top"
                  />
                  <div className="card-body">
                    <h5 className="card-title" style={{ textAlign: "center" }}>
                      <Link to={`/episode/${saved.episode.id}`}>
                        <span style={{ fontWeight: "bold", color: "white" }}>
                          {saved.episode.name}
                        </span>
                      </Link>
                    </h5>
                  </div>
                </div>
                <div style={{ color: "white" }}>X</div>
              </div>
            );
          })}
        </div>

字符串
我正在测试不同的位置，到目前为止，我只能得到它渲染的顶部和底部。我试图得到右上角的按钮，除了我的引导卡，示例如下所示：
我在那里画了个黑色的X

的数据
先谢了。