.comet-delete-button {
   background: linear-gradient(145deg, #b39775, #e2cdb4);
  color: #fff;
 
  
  padding: 5px 8px;
  margin: 20px auto;
  font-size: 15px;
  border: 1px solid #d4c5b0;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: background 0.3s, transform 0.2s;
  display: block;  /* 中央揃えしやすくするため */
}

.comet-delete-button:hover {
  background: linear-gradient(145deg, #bda98e, #dcd0c2);
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.12);
}

.comet-delete-button:active {
  transform: scale(0.97);
  box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}