.youtube-destination.is-connected {
  border-color: rgba(34, 197, 94, .38);
  background: rgba(34, 197, 94, .06);
}

.youtube-destination .connected.ok { color: #4ade80; }
.youtube-destination .connected.error { color: #f87171; }

.youtube-action {
  width: 100%;
  margin-top: .8rem;
  padding: .72rem 1rem;
  border: 1px solid rgba(239, 68, 68, .5);
  border-radius: .45rem;
  background: rgba(239, 68, 68, .12);
  color: #fecaca;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.youtube-action:hover:not(:disabled) { background: rgba(239, 68, 68, .2); }
.youtube-action:disabled { cursor: wait; opacity: .62; }

.youtube-note {
  display: block;
  margin-top: .55rem;
  color: var(--muted);
  font-size: .7rem;
  line-height: 1.45;
}