.comet-toolbar {
  
  text-align: center;
}

/* ボタン本体（共通） */
.comet-toolbar button {
  background: linear-gradient(145deg, #bfa98a, #e4d5c1);
  color: #4e3c28;
  border: 1px solid #d0c2ad;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  padding: 8px 8px;
  margin: 0 4px;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0,0,0,0.08);
  transition: background 0.3s, transform 0.2s;
}

/* ホバー時 */
.comet-toolbar button:hover {
  background: linear-gradient(145deg, #a78f6f, #dbcbb9);
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* アクティブ（クリック中） */
.comet-toolbar button:active {
  transform: scale(0.98);
}