.customer_register_layout {
    text-align: center;
    padding: 40px 0;
}

.customer_register_layout a{
    color: var(--color-clickable);
    text-decoration: none;
}

.customer_register_layout > div {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: 400px 400px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
    grid-gap: 40px;
}

.customer_register_layout > div > * {
    display: grid;
    grid-gap: 10px;
    justify-content: center;
    padding: 20px 0;
}

.customer_register_layout > div::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: var(--color-mono-3);
    left: 50%;
}
#register_form {
    display: grid;
    grid-gap: 10px;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .customer_register_layout > div {
        grid-template-columns: unset;
    }

    .customer_register_layout > div::before {
        content: unset;
    }
}