.frame-original header button.bg-signal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fc6301;
  color: #fff;
  cursor: pointer;
  transition: background-color 150ms ease;
}
.frame-original header button.bg-signal > span { width: 20px; height: 20px; stroke-width: 2; }
.frame-original header button.bg-signal:hover { background: #e65a00; }
.frame-original header button.bg-signal:active { background: #cc5000; }
.frame-original header button.bg-signal:focus-visible { outline: 2px solid var(--foreground); outline-offset: 3px; }

.frame-original header button.bg-signal > span { display: block; background: #fff; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%2019-7-7%207-7M5%2012h14%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%2019-7-7%207-7M5%2012h14%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat !important; }