.linkBlockContainer {
  display: flex; /* 横並びにする */
  gap: 20px; /* リンクブロック同士の間隔を20pxにする */
  justify-content: center; /* 横方向の中央揃え */
}

.linkBlock {
  width: 100%; /* 親要素の幅いっぱいに広げる */
  padding: 15px 30px;
  border: 2px solid #333; /* 四角い枠線 */
  color: #333;
  text-decoration: none; /* デフォルトの下線を消す */
  font-weight: bold;
  background-color: #fff;
  text-align: center;
}

.linkBlock {
  overflow: hidden; /* 文字が枠からはみ出さないようにする */
}

.linkBlock {
  transition: background-color 0.3s ease, color 0.3s ease; /* 0.3秒かけて滑らかに変化 */
}

.linkBlock:hover {
  background-color: #000; /* ホバー時に背景を黒に反転 */
  color: #fff; /* ホバー時に文字を白に反転 */
}