@media (max-width: 600px) {
    .login-container {
        padding: 15px;
        margin: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .discord-login-button {
        background-color: var(--main-color);
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: var(--border-radius);
        font-size: 16px;
        cursor: pointer;
        text-decoration: none;
        transition: background-color 0.3s ease;
    }

    .discord-login-button:hover {
        background-color: var(--button-hover-color);
    }
}