.loyl-landingpage--enrollment-container {
    justify-items: center;
    display: flex;
    flex-direction: column;
    margin-top: var(--bdk-space-13, 8.666667rem);
    text-align: left;

    p {
        max-width: 772px;
    }

    @media (min-width: 960px) {
        align-items: center;
        text-align: center;
        margin-top: var(--bdk-space-30, 20rem);
    }

    #loyl-enrollment-fragment {
        max-width: 640px;

        @media (max-width: 559px) {
            max-width: 100%;
        }

        button {
            align-self: center;
        }
    }
}