@media (max-width: 480px) {
    body{
        padding: var(--space-4);
    }

    login-banner,
    login-form {
        min-width: unset;
    }

    login-banner p {
        width: 100%;
    }

    login-form form {
        width: unset;
        max-width: 350px;
        width: 100%;
    }

    login-form footer {
        flex-direction: column-reverse;
        gap: 10px;
    }

    contact-info {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    contact-spacer {
        display: none;
    }
}