JSFiddle - React, Tailwind, and code Playground

HTML

<button class="btnBuy" type="button" onclick="myfunB()">我要訂購</button>
<button class="btnAbout" type="button" onclick="myfunA()">認識工廠</button>

CSS

.btnBuy{
  width:200px;
  height:50px;
  font-size:17px;
  background-color: #00a19b;
  border-radius:10px;
  border: 0px;
  color:white;
  letter-spacing:1px;
  margin-right:10px;
}
.btnBuy:hover{
  background-color:#3cbaad;
}
.btnAbout{
  width:200px;
  height:50px;
  font-size:17px;
  background-color: white;
  border-radius:10px;
  border: 1px #00a19b solid;
  color:#00a19b;
  letter-spacing:1px;
}
.btnAbout:hover{
  background-color:#dfeae9;
}

JavaScript

function myfunB() {
  alert("謝謝您對我們的衣服有興趣！\n請致電 0987-654-321，\n會有專人提供您報價！");
}
function myfunA() {
  alert("我們工廠位於新北市，\n通過國際 ISO9001 認證，\n品質讓您放心！");
}