.login > *:last-child {
    margin-bottom: 0
}

.login:not(.hidden-form) {
    display: block !important
}

.password-input {
    position: relative;
    display: block
}

    .password-input input {
        padding-inline-end: var(--wd-form-height) !important
    }

.show-password-input {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    width: var(--wd-form-height);
    height: var(--wd-form-height);
    cursor: pointer;
    font-size: 16px;
    color: var(--color-gray-600);
    transition: all .25s ease
}

    .show-password-input:hover {
        color: var(--color-gray-400)
    }

    .show-password-input:before {
        font-family: "woodmart-font";
        content: "\f11a"
    }

    .show-password-input.display-password:before {
        content: "\f11b"
    }

.login-form-footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px
}

    .login-form-footer .lost_password {
        order: 2;
        color: white
    }

        .login-form-footer .lost_password:hover {
            color: var(--wd-primary-color);
            text-decoration: underline;
            opacity: .7
        }

    .login-form-footer .woocommerce-form-login__rememberme {
        order: 1;
        margin-bottom: 0
    }

:is(.register,.login) .button {
    width: 100%;
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    border-width: medium;
    border-color: antiquewhite;
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
    font-family: var(--btn-accented-font-family, var(--btn-font-family));
    font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

    :is(.register,.login) .button:hover {
        color: var(--btn-accented-color-hover);
        box-shadow: var(--btn-accented-box-shadow-hover);
        background-color: var(--btn-accented-bgcolor-hover)
    }

    :is(.register,.login) .button:active {
        box-shadow: var(--btn-accented-box-shadow-active);
        bottom: var(--btn-accented-bottom-active)
    }

.wd-login-divider {
    display: flex;
    align-items: center;
    text-transform: uppercase
}

    .wd-login-divider span {
        margin-inline: 20px
    }

    .wd-login-divider:after, .wd-login-divider:before {
        content: "";
        flex: 1 0 0;
        border-bottom: 1px solid var(--brdcolor-gray-300)
    }