.chat-callout {
  display: grid;
  gap: 8px;
  padding: 16px 18px;
  margin-bottom: 18px;
  border-radius: 16px;
  background: linear-gradient(180deg, #fff9e8, #fffef8);
  border: 1px solid #ecd58a;
  box-shadow: 0 6px 18px rgba(0,0,0,0.04);
}

.chat-callout strong {
  color: #6d5200;
}

@media (min-width: 700px) {
  .chat-callout {
    grid-template-columns: 1fr auto;
    align-items: center;
  }

  .chat-callout strong,
  .chat-callout span {
    grid-column: 1;
  }

  .chat-callout .btn {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
  }
}