.send-status {
  display: inline-flex;
  align-items: center;
  min-height: 1.25rem;
  font-size: .75rem;
  line-height: 1.25rem;
  color: #718096;
  vertical-align: middle;
}
.send-status-sending::before {
  content: '';
  width: .7rem;
  height: .7rem;
  margin-right: .3rem;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: send-status-spin .7s linear infinite;
}
.send-status-sent { color: #269866; }
.send-status-failed { color: #c24141; }
.send-retry {
  margin-left: .4rem;
  border: 0;
  padding: .15rem .4rem;
  border-radius: .3rem;
  color: #15724d;
  background: #e8f4ee;
  font: inherit;
  cursor: pointer;
}
.send-retry:focus-visible { outline: 2px solid #15724d; outline-offset: 2px; }
@keyframes send-status-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .send-status-sending::before { animation: none; } }