#mandatory-version-update,
#sessao-revogada-online {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(12, 15, 22, .86);
  backdrop-filter: blur(12px);
  font-family: Inter, system-ui, sans-serif;
}

#mandatory-version-update > div,
#sessao-revogada-online > div {
  width: min(480px, 100%);
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 20px;
  background: #fff;
  color: #18191d;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .38);
  text-align: center;
}

#mandatory-version-update span,
#sessao-revogada-online span {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff0ee;
  color: #b42318;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#mandatory-version-update h2, #sessao-revogada-online h2 { margin: 16px 0 8px; font-size: 25px; line-height: 1.15; }
#mandatory-version-update p, #sessao-revogada-online p { margin: 0; color: #62646c; font-size: 14px; line-height: 1.65; }
#mandatory-version-update time { display: block; margin: 16px 0; padding: 12px; border-radius: 12px; background: #f5f5f7; color: #303137; font-size: 13px; font-weight: 700; }
#mandatory-version-update button, #sessao-revogada-online button { width: 100%; min-height: 48px; margin-top: 18px; border: 0; border-radius: 12px; background: #c0251b; color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
#mandatory-version-update button:focus-visible, #sessao-revogada-online button:focus-visible { outline: 3px solid rgba(192, 37, 27, .3); outline-offset: 3px; }
#mandatory-version-update button:disabled { cursor: wait; opacity: .75; }