<div style=”
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 259px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: -2px 10px 5px rgba(0, 0, 0, 0);
  border-radius: 10px;
  font-family: SQ Market, SQ Market, Helvetica, Arial, sans-serif;
  “>
    <img src=”https://items-images-production.s3.us-west-2.amazonaws.com/files/760eba7b47afadbe87792da8e36228b4e69cb867/original.png” alt=”ダイバーシティ能力検定（受験料）” onerror=”this.style.display=’none'” style=”width: 100%;”>
  <div style=”padding: 20px;”>
      <p style=”
    font-size: 18px;
    line-height: 20px;
  “>ダイバーシティ能力検定（受験料）</p>
      <p style=”
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
  “>¥3,000</p>
    <a target=”_blank” href=”https://square.link/u/HTmr07w0?src=embed” style=”
    display: inline-block;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    color: #ffffff;
    min-width: 212px;
    background-color: #006aff;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    border-radius: 50px;
  “>今すぐ購入する</a>
  </div>
</div>