.call-overlay {
  background: rgba(8, 10, 15, 0.42);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  isolation: isolate;
}

.call-card {
  width: min(92vw, 430px);
  min-height: 0;
  height: auto;
  max-height: calc(100dvh - 48px);
  padding: 36px 24px;
  overflow: auto;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.call-actions {
  margin-top: 12px;
}

.call-actions button.mute {
  position: relative;
}

.call-actions button.mute.muted {
  color: #fff;
  background: var(--danger);
}

.call-actions button.mute.muted::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 3px;
  border-radius: 2px;
  background: currentColor;
  transform: rotate(-45deg);
}

@media (max-width: 800px) {
  .call-card {
    width: min(92vw, 430px);
    max-height: calc(
      100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px
    );
    padding: 30px 20px;
  }
}