.side-meet {
  border: 1px solid #dbe7e3;
  border-radius: 12px;
  background: #f3f8f6;
  padding: 11px;
}
.side-meet > span {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(25, 62, 55, .06);
}
.side-meet > div { flex: 1; }
.side-meet small { font-size: 8px; line-height: 1.4; }
.side-meet.pending { background: #fffaf0; border-color: #ead9ae; }
.side-meet.failed { align-items: flex-start; background: #fff5f2; border-color: #ecc9c0; }
.side-meet.failed > span { color: #b64b36; }
.side-meet.failed small { white-space: normal; color: #8f493b; }
.side-meet.ready { background: #eff8f4; border-color: #cce2d9; }
.meet-retry-button { flex: 0 0 auto; padding: 8px 10px !important; font-size: 8px !important; white-space: nowrap; }
.meet-retry-button[disabled] { opacity: .65; cursor: wait; }
@media (max-width: 760px) {
  .side-meet { align-items: flex-start; }
  .meet-retry-button { min-height: 36px; font-size: 10px !important; }
}