.new-login {
    height: 334px;
    display:grid;
    grid-template-columns:250px 1fr 1fr;
    font-size: .7rem;
    font-family: sans-serif;
    text-align: justify;
}
.new-login-info {
    line-height: .9rem;
    padding: 1.2rem;
}
.new-login-info-title {
    font-weight: bold;
}
.new-login-info-content a {
    color: #2d516e !important;
}
.new-login-info-content a:hover {
    filter: brightness(150%);
}
.new-login-options {
    background-color: white;
    border-bottom-right-radius: 65px;
    border-top-right-radius: 5px;
    padding: 1rem;
}
.new-login-options-title {
    font-size: 1rem;
    margin: .2rem;
}
.new-login-options-subtitle {
    color: #888;
}
.new-login-button {
    font-size: .8rem;
    font-weight: bold;
    text-decoration: none;
    margin: .4rem;
    padding: .6rem;
    border-radius: 2rem;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    width: 90%;
}
.button-gov-br{
  color: #fff;
  background-color: #1351b4;
  border: 1px solid #1351b4;
}
.button-gov-br:hover {
   filter: brightness(110%);
}
.button-gov-br:active {
  filter: brightness(120%);
  box-shadow: 0 0 0 0.2em #8dcdff;
}
.button-passkey{
  color: #1351b4;
  border: 1px solid #f0f0f0;
  background-color: #f0f0f0;
}
.button-passkey:hover {
   filter: brightness(95%);
}
.button-passkey:active {
  filter: brightness(90%);
  box-shadow: 0 0 0 0.2em #8dcdff;
}
.new-login-options-link {
    padding: .7rem;
    text-align: center;
}
.new-login-options-link a {
  color: #1351b4;
  text-decoration: underline;
  cursor: pointer;
}
.new-login-options-link:hover {
   filter: brightness(130%);
}
.new-login-options-username {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    gap: .4rem;
    padding: .4rem;
}
.new-login-change-password {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 90%;
    gap: .4rem;
    padding: .4rem;
}