.social-proof-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4b6254;
  font-size: 13px;
  line-height: 1.5;
}
.social-proof-inline[hidden], .social-proof-orders[hidden] { display: none !important; }
.social-proof-inline strong { color: #21724d; font-variant-numeric: tabular-nums; }
.social-proof-orders {
  margin: 18px 0 8px;
  padding: 12px 16px;
  border: 1px solid #d9eade;
  border-radius: 10px;
  background: #f7fcf8;
  color: #31513a;
  font-size: 13px;
}
.social-proof-orders-head, .social-proof-orders-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.social-proof-orders-head { justify-content: space-between; }
.social-proof-orders-actions[hidden], .social-proof-orders-list[hidden] { display: none !important; }
.social-proof-orders-title { font-weight: 700; }
.social-proof-orders-current { margin-top: 5px; min-height: 20px; }
.social-proof-orders button {
  border: 0;
  background: transparent;
  color: #24714d;
  font: inherit;
  cursor: pointer;
  padding: 2px;
  text-decoration: underline;
}
.social-proof-orders button:focus-visible { outline: 2px solid #24714d; outline-offset: 2px; }
.social-proof-orders-list { margin: 10px 0 0; padding: 8px 0 0 18px; border-top: 1px solid #d9eade; }
.social-proof-orders-list li + li { margin-top: 5px; }
@media (max-width: 600px) {
  .social-proof-orders { margin-top: 14px; padding: 11px 13px; }
}