.contextual-lessy {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 260;
  font-family: inherit;
}

.contextual-lessy__trigger {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  min-height: 3.25rem;
  padding: .35rem .9rem .35rem .35rem;
  border: 1px solid rgba(255, 255, 255, .48);
  border-radius: 999px;
  background: rgba(255, 255, 255, .88);
  color: #16302a;
  box-shadow: 0 14px 36px rgba(0, 40, 47, .24);
  backdrop-filter: blur(14px);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}

.contextual-lessy__avatar {
  width: 2.55rem;
  height: 2.55rem;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: #eff8f2;
}

.contextual-lessy__avatar img,
.contextual-lessy__avatar canvas {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.contextual-lessy__panel {
  position: absolute;
  right: 0;
  bottom: 4.1rem;
  width: min(23rem, calc(100vw - 2rem));
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(0, 175, 159, .24);
  border-radius: 1.15rem;
  background: rgba(255, 255, 255, .96);
  color: #10203a;
  box-shadow: 0 24px 62px rgba(0, 40, 47, .3);
  backdrop-filter: blur(18px);
}

.contextual-lessy__panel h2 { margin: .15rem 1.5rem .45rem 0; font-size: 1.08rem; }
.contextual-lessy__answer { margin: 0; font-size: .9rem; line-height: 1.55; }
.contextual-lessy__eyebrow { color: #008e82; font-size: .7rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.contextual-lessy__close { position: absolute; top: .55rem; right: .65rem; border: 0; background: transparent; color: #536770; font-size: 1.25rem; cursor: pointer; }
.contextual-lessy__privacy { margin-top: .8rem; padding: 0; border: 0; background: transparent; color: #007f75; font: inherit; font-size: .78rem; font-weight: 800; cursor: pointer; }

@media (max-width: 580px) {
  .contextual-lessy { right: .75rem; bottom: .75rem; }
  .contextual-lessy__trigger > span:last-child { display: none; }
  .contextual-lessy__trigger { padding-right: .35rem; }
  .contextual-lessy__panel { right: 0; bottom: 3.75rem; }
}

@media (prefers-reduced-motion: reduce) {
  .contextual-lessy, .contextual-lessy * { animation: none !important; transition: none !important; }
}