.pg-ecipp-signup {
    max-width: 75ch;
    margin: 0 auto;
}

#ecipp-signup-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin: 3rem auto;
    padding: 3rem;
    border: solid 1px #ddd;
    border-radius: 4px;
}

    #ecipp-signup-form .BillingInfoHeader {
        padding: 0;
    }

    #ecipp-signup-form .form-group {
        margin: 0;
    }

    #ecipp-signup-form .form-buttons {
        display: flex;
        justify-content: flex-end;
        margin-top: 1rem;
    }

        #ecipp-signup-form .form-buttons .button {
            margin: 0;
        }

    #ecipp-signup-form .form-inline-error[style*="inline"] {
        color: red !important;
        font-size: 0.8rem;
        margin-bottom: 0.5rem;
        display: block !important;
        text-align: right;
    }

    #ecipp-signup-form .feedback {
        margin-bottom: 2rem;
        border-width: 1px;
        border-style: solid;
        padding: 1rem;
        border-radius: 4px;
    }

        #ecipp-signup-form .feedback.feedback--error {
            display: block;
            color: red;
            border-color: red;
            font-weight: bold;
        }

        #ecipp-signup-form .feedback.feedback--info {
            display: block;
            color: green;
            border-color: green;
            font-weight: bold;
        }

    #ecipp-signup-form .form-group :is(input[type="text"],input[type="password"]) {
        width: calc(100% - 155px);
    }

@media only screen and (max-width: 570px) {
    #ecipp-signup-form .form-group :is(input[type="text"],input[type="password"]) {
        width: 100% !important;
    }
}