body {
    font-family: Arial, sans-serif;
}
body {
    background-color:#82eb86
}
.my-button {
  background-color: #60bd03;; /* 背景色 */
  color: rgb(245, 240, 240);              /* 文字色 */

  padding: 12px 24px;        /* 内側の余白 */
  font-size: 16px;           /* 文字の大きさ */

  border: none;              /* 枠線を消す */
  border-radius: 10px;       /* 角を丸くする */

  cursor: pointer;           /* マウスを指の形に */
  transition: all 0.3s ease; /* なめらかな変化 */

  box-shadow: 0 4px 6px rgba(36, 35, 35, 0.15);
}

/* マウスを乗せたとき */
.my-button:hover {
  background-color: #258d2a; /* 色を濃くする */

  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}
/* キーボードで選択したとき */
.my-button:focus-visible {
  outline: 3px solid #a5d6a7;
  outline-offset: 3px;
}
.my-button {
  display: inline-block;
  text-decoration: none;
}