.django-unarchive {
  --button-bg: linear-gradient(#4fb2d3,#309bbf);
  --button-fg: #fff;
  --button-hover-bg: linear-gradient(#5e5e5e,#444444);
  --button-hover-fg: #fff;
}

.unarchivebutton .module_title {
  cursor: help;
}

#content-related .module.unarchivebutton h2 {
  font-size: 13px;
  font-weight: bold;
}


.withtooltip {
  position: relative;
}

.withtooltip .wr::after {
  content: "?";
  position: absolute;
  right: 1em;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid #777;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #777;
  top: 15px;
}

.withtooltip:hover::after {
  content: "\A HELP\A\A— Wait until the Plausible Analytics viewer starts up (green color).\A\A— If it's not running, click the blue 'Wake it up' button to wake it up (which takes about 60 seconds).\A\A— Once we wake it up, it won't go back to sleep until an hour passes without anyone using it.\A\A— If any other editor has recently woken it up, you will also find it awake.\A\A— We do this to save costs, as the Plausible viewer is a super powerful machine that costs a lot of money and is paid for by usage time.";
    background: #f5f5f5;
    color: #000;
    padding: 25px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: normal;
    white-space: pre-wrap;
    display: block;
    position: absolute;
    top: 0;
    right: calc(100% + 10px);
    z-index: 1;
    width: 300px;
    height: auto;
    border: 1px solid #555;
    box-shadow: -15px 0px 30px #aaa;
    transition: 0.3s opacity;
    opacity: 1;
    text-align: left;
}

.realtime.withtooltip:hover::after {
  content: "\A HELP\A\A— Click to view ONLY today or realtime data.\A\A— If you need to see older data, click the 'WEB ANALYTICS VIEWER' button above.\A\A— This is a weak machine, don't try to query for more than 1 day of data.";
}

.withtooltip:hover::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border: 10px solid #000;
  border-color: transparent black transparent transparent;
}


a.django-unarchive {
  color: var(--button-fg);
  text-decoration: none;
}