#credentials-input-form {
    margin-top: 60px;
}

    #credentials-input-form a {
        all: unset;
        cursor: pointer;
        text-decoration: underline;
    }

.credentials-input-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.forgot-password-wrapper, .create-button-wrapper {
    display: flex;
    justify-content: space-between;
}
.input-with-label-wrapper input:disabled{
    opacity: 0.4;
}
.input-with-label-wrapper input {
    width: 100%;
    transition: 0.5s ease-out;

}

.login-create-buttons-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.login-button-wrapper input[type=submit]:disabled{
    opacity: 0.4;
}
.login-button-wrapper input[type=submit] {
    width: 100%;
}