/* =========================================================
   BUTTONS GENERATED INSIDE BOT RESPONSES
========================================================= */

.bot-message button {
  border: 1px solid #c8d9e8;
  border-radius: 999px;

  background: #f8fbfe;
  color: var(--hcb-blue-700);

  padding: 8px 12px;
  margin: 4px 4px 4px 0;

  font-size: 12px;
  font-weight: 800;

  cursor: pointer;

  transition:
    transform 0.16s ease,
    background 0.16s ease,
    border-color 0.16s ease;
}

.bot-message button:hover {
  background: #eef7ff;
  border-color: #98c8e6;
  transform: translateY(-1px);
}