/* Copyright Ayers Electronics Inc. All rights reserved. */

.chat-consent {
  box-sizing: border-box;
  max-width: 32rem;
  margin: 0 auto;
  padding: var(--chat-space-4);
  color: var(--chat-text);
  background: var(--chat-panel);
  border: 1px solid var(--chat-border);
  border-radius: var(--chat-radius-3);
  font-size: var(--chat-type-body);
}
.chat-consent-title {
  margin: 0 0 var(--chat-space-3);
  font-size: var(--chat-type-heading);
}
.chat-consent-body {
  margin: 0 0 var(--chat-space-4);
  line-height: 1.5;
}
.chat-consent-actions {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(0px - var(--chat-space-2));
  margin-left: calc(0px - var(--chat-space-2));
}
.chat-consent-actions > * {
  margin-top: var(--chat-space-2);
  margin-left: var(--chat-space-2);
}
.chat-consent .chat-consent-button {
  min-width: var(--chat-target-min);
  min-height: var(--chat-target-min);
  padding: var(--chat-space-2) var(--chat-space-4);
  font: inherit;
  color: var(--chat-text);
  background: transparent;
  border: 1px solid var(--chat-border);
  border-radius: var(--chat-radius-2);
  cursor: pointer;
}
.chat-consent .chat-consent-accept,
.chat-consent .chat-consent-accept:hover:not(:disabled) {
  color: var(--chat-on-accent);
  background: var(--chat-accent);
  border-color: var(--chat-accent);
}
.chat-consent-button:focus {
  outline: none;
  box-shadow: var(--chat-focus-ring);
}
.chat-consent-button:focus-visible {
  outline: none;
  box-shadow: var(--chat-focus-ring);
}
