.login-form {
  margin:0 auto;
  width:300px
}
.reglog {
  margin-bottom:3px;
  padding:10px;
  width: 100%;
  border:1px solid #CCC
}

.botao-login {
    width: 100%;
    background: #da251d;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    justify-content: center;
    text-align: center;
}

.botao-login .action-button:hover, .botao-login .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #da251d;
}

.lbl {
    cursor: pointer;
    width: 100%;
    background: #da251d;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}
.lbl .action-button:hover, .lbl .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #da251d;
}

#form-switch {
  display:none
}
#register-form {
  display:none
}
#form-switch:checked~#register-form {
  display:block
}
#form-switch:checked~#login-form {
  display:none
}