.footer-container {
    width: 100%;
    padding: 3rem 24rem 2rem 24rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;

    .section-1 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;

        .left {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 60%;

            .logo {
                height: 4rem;
                margin: 0 3rem;
            }
        }

        .right {
            .discord-btn-container {
                display: flex;
                width: 100%;
                justify-content: center;
                margin-top: 25px;
            }

            .discord-oauth-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 200px;
                gap: 10px;

                height: 40px;
                padding: 0 16px;

                background-color: #ffffff;
                color: #060607;

                border: 1px solid #e3e5e8;
                border-radius: 8px;

                font-family: "gg sans", "Whitney", "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 14px;
                font-weight: 500;

                cursor: pointer;
                user-select: none;

                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04),
                0 4px 12px rgba(0, 0, 0, 0.06);

                transition: background-color 0.15s ease,
                box-shadow 0.15s ease,
                transform 0.05s ease;
            }

            .discord-oauth-btn:hover {
                background-color: #f2f3f5;
            }

            .discord-oauth-btn:active {
                transform: translateY(1px);
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
            }

            .discord-oauth-btn:focus-visible {
                outline: none;
                box-shadow: 0 0 0 2px rgba(88, 101, 242, 0.4);
            }

            .discord-icon {
                width: 22px;
                height: 22px;
            }

        }
    }

    .section-2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 2rem;
        color: white;
        font-size: 0.5rem;
        font-weight: 600;
        letter-spacing: 0.6px;
        text-transform: uppercase;
        opacity: 0.9;
        gap: 0.35rem;
    }
}