.emoji-reactions {
  display: flex;
  gap: 0.5rem;
  margin: 1.5rem 0;
}

.emoji-btn {
  font-size: 1.75rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  line-height: 1;
  opacity: 0.5;
  transition: opacity 0.15s, filter 0.15s;
}

.emoji-reactions {
  width: 50%; /* 横幅を指定 */
  margin: 0 auto; /* 左右の余白を自動（中央）にする */
  text-align: center;
}

.emoji-btn:hover:not(:disabled) {
  opacity: 1;
}

.emoji-btn--reacted,
.emoji-btn:disabled {
  opacity: 0.3;
  filter: grayscale(1);
  cursor: default;
}
.emoji-description {
  font-size: smaller;
  font-color: gray;
}

.emoji-sent-msg {
  margin: 0.25rem 0 0;
  font-size: 0.85rem;
  color: #888;
}