.whatsify-form hr{
    border-top: 1px solid #333;
    margin: 1em 0;
}

.whatsify-form-wrapper {
    display: flex;
}

.whatsify-form #login-form, .whatsify-form #register-form {
    padding: 3em;
    border-radius: 1em;
}

.whatsify-form .input-group {
    display: flex;
    flex-direction: column;
    margin: 0 0 1em;
}

.whatsify-form p {
    margin-bottom: unset;
}

.input-group input {
    width: 100%;
}

/** In Out */

.form-login{
    opacity: 1;
    transform: translateX(0);
    transition: all .3s ease;
}

.form-login.out{
    opacity: 0;
    transform: translateX(-100%);
}

.form-register{
    opacity: 0;
    transform: translateX(100%);
    transition: all .3s ease;
}

.form-register.in{
    opacity: 1;
    transform: translateX(0);
}

/** Button */

.button-group {
    display: flex;
    flex-direction: column;
    gap: .5em;
}

.button-group button{
    flex: 0 0 100%;
    transition: all .3s ease;
}

/** Input */

input#no_whatsapp.input, input#fullname.input, input#email.input {
    padding-left: 0.75em!important;
}

.confirm {
    display: flex;
    gap: .5em;
    max-width: 100%;
    margin-bottom: 1em;
}

.confirm > * {
    width: calc(100% / 6);
    text-align: center!important;
}

/** Footer */

.form-footer {
    text-align: center;
}

.form-footer .link{
    cursor: pointer;
}