.public-view-switch {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 12px;
  right: 14px;
  gap: 3px;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 999px;
  background: rgba(4, 31, 39, .86);
  box-shadow: 0 10px 28px rgba(2, 25, 31, .2);
  backdrop-filter: blur(12px);
  font: 700 12px/1 sans-serif;
  letter-spacing: .035em;
}

.public-view-switch a {
  padding: 9px 13px;
  border-radius: 999px;
  color: rgba(255, 255, 255, .76);
  text-decoration: none;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.public-view-switch a:hover { color: #fff; transform: translateY(-1px); }
.public-view-switch a.is-active { background: #fff; color: #073946; }