@media screen and (max-width: 767px) {
    .modal_content2 {
        background-color: #fff;
        margin: 10% auto;
        padding: 20px 14px;
        border: 1px solid #888;
        width: fit-content;
        position: relative;
        border-top: 4px solid var(--accent);
        gap: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 600px;
        max-height: 100dvh;
        overflow-y: auto;
        height: 100dvh;
    }

    .signup_row {
        flex-direction: column;
    }
    
}