.custom_form {
    width: 100%;

    .custom-login-form {
        text-align: left;
        font-family: var(--ff-subtitle);
        color: var(--grayscale-900);

        .login-form-input {
            margin: var(--spacing-xxxl) 0;

            .form-row {
                display: flex;
                flex-direction: column;
                text-align: left;
                gap: var(--spacing-xs);

                label {
                    font-weight: var(--fw-bold);
                }

                input {
                    font-weight: var(--fw-normal);
                    border-radius: var(--spacing-xxs);
                    padding: var(--spacing-sm) var(--spacing-md);
                    background-color: transparent;
                    border: 1px solid var(--grayscale-800);
                }

                .woocommerce-form__input-checkbox {
                    accent-color: var(--grayscale-900);
                    border: 1px solid var(--grayscale-900);
                    height: 16px;
                    width: 16px;
                    border-radius: var(--spacing-xxs);
                }
            }

            .custom-lost-password {
                text-align: left;
                color: var(--ocre-600);
                font-weight: var(--fw-normal);
                text-decoration: underline;
                transition: all 0.3s ease;

                &:hover {
                    color: var(--ocre-900);
                }

                a {
                    color: var(--ocre-600);
                    transition: all 0.3s ease;

                    &:hover {
                        color: var(--ocre-900);
                    }
                }
            }
        }

        .custom-submit-row {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: var(--spacing-md);

            
        }

        .custom-register-link {
            text-align: center;
            color: var(--grayscale-800);
            font-family: var(--ff-text);

            a {
                color: var(--ocre-600);
                transition: all 0.3s ease;
                text-decoration: underline;

                &:hover {
                    color: var(--ocre-900);
                }
            }
        }
    }
}