/* Б-20 Чат-виджет. Источник: по вёрстке verter.me/wms/, перерисован */

.b-chat__btn {
  position: fixed;
  right: var(--container-pad);
  bottom: calc(var(--sticky-cta-height) + var(--space-3));
  z-index: var(--z-chat);
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--color-text);
  color: var(--color-text-inverse);
  box-shadow: var(--shadow-md);
  transition: transform var(--dur-fast) var(--ease-standard);
}

.b-chat__btn:hover {
  transform: scale(1.05);
}

.b-chat__btn:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring), var(--shadow-md);
}

.b-chat__btn .c-icon {
  width: 1.625rem;
  height: 1.625rem;
}

body[data-page="demo"] .b-chat__btn,
body[data-page="spasibo"] .b-chat__btn {
  bottom: var(--space-5);
}

.b-chat__dialog .c-dialog__inner {
  display: grid;
  gap: var(--space-4);
}

.b-chat__title {
  font-size: var(--fs-h4);
  font-weight: var(--font-weight-bold);
}

.b-chat__message {
  padding: var(--space-4);
  border-radius: var(--radius-md) var(--radius-md) var(--radius-md) var(--radius-xs);
  background: var(--color-surface-muted);
}

.b-chat__proto {
  justify-self: start;
}

@media (min-width: 768px) {
  .b-chat__btn {
    bottom: var(--space-6);
  }
}