body .login-page {
  --login-divider-size: 4rem;
  --login-column: 20rem;
  min-height: 50vh;
}
body .login-page .login-message {
  margin: 3rem 0;
}
body .login-page .btn {
  width: calc(100% - 1rem);
  margin: 0 0.5rem 8px;
}
body .login-page .login-selections {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
body .login-page .login-selections .login-selection, body .login-page .login-selections .login-divider {
  min-width: var(--login-column);
}
body .login-page .login-selections .login-divider {
  flex: 0 0 var(--login-divider-size);
  text-align: center;
}
body .login-page .login-selections .login-divider .login-divider-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
body .login-page .login-selections .login-divider .login-divider-text {
  font-size: 18px;
  padding: 0px 4px 4px 4px;
  line-height: 15px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
}
body .login-page .login-selections .login-divider .login-divider-line {
  height: 1px;
  width: 100%;
  margin: auto 0;
  background-color: #222;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
}
body .login-page .login-selections .login-selection__title {
  font-weight: 600;
  text-align: center;
}
body .login-page .login-selections .login-selection-reset-password {
  margin: 3rem 0;
}