.c-form {
    .uabb-wpf-styler {
        .wpforms-container {
            margin: 0;

            form.wpforms-form {
                .c-form.x-qrmydog-form & {
                    display: grid;
                    grid-template-columns: repeat(12, 1fr);
                    gap: 20px;
                    @media (max-width: 640px) {
                        display: flex;
                        flex-direction: column;
                    }
                    
                    * {
                        margin: 0;
                        padding: 0;
                    }


                    .wpforms-field-container {
                        grid-column: 1/10;

                        input {
                            padding: 16px 33px;
                            background: var(--white);
                            border: 1px solid var(--primary);
                            border-radius: 15px;
                            color: var(--black);
                            font-size: 18px;
                            text-align: left;
                        }
                    }

                    .wpforms-submit-container {
                        grid-column: 10 / -1;
                        align-items: start;

                        button {
                            background-color: var(--primary);
                            padding: 10px 30px;
                            border-radius: 69px;
                            color: var(--on-primary);
                            font-size: 18px;

                            &:hover {
                                background-color: var(--secondary);
                                color: var(--on-secondary);
                            }
                        }
                    }
                }

                .wpforms-field-container {
                    .wpforms-field {
                        padding: 0;
                        margin-bottom: 10px;
                        
                        input {

                        }
                    }
                }

                .wpforms-submit-container {

                    button {
                        padding: 25px 18px;
                        font-size: 16px;
                        border-radius: 8px;
                        line-height: 0;

                        .c-form.c-form--primary & {
                            background-color: var(--primary);
                            color: var(--on-primary);

                            &:hover {
                                background-color: var(--secondary);
                                color: var(--on-secondary);
                            }
                        }

                        .c-form.c-form--secondary & {
                            background-color: var(--secondary);
                            color: var(--on-secondary);

                            &:hover {
                                background-color: var(--primary);
                                color: var(--on-primary);
                            }
                        }

                        .c-form.c-form--outline-primary & {
                            background-color: none;
                            border: 1px solid var(--primary);
                            color: var(--on-outline);

                            &:hover {
                                background-color: var(--primary);
                                color: var(--on-primary);
                            }
                        }

                        .c-form.c-form--outline-secondary & {
                            background-color: none;
                            border: 1px solid var(--secondary);
                            color: var(--on-outline);

                            &:hover {
                                background-color: var(--secondary);
                                color: var(--on-secondary);
                            }
                        }

                        .c-form.c-form--black & {
                            background-color: var(--black);
                            color: var(--on-black);

                            &:hover {
                                background-color: var(--primary);
                                color: var(--on-primary);
                            }
                        }

                        .c-form.c-form--white & {
                            background-color: var(--white);
                            color: var(--on-white);

                            &:hover {
                                background-color: var(--primary);
                                color: var(--on-primary);
                            }
                        }

                        .c-form.c-form--outline-black & {
                            background-color: none;
                            border: 1px solid var(--black);
                            color: var(--on-outline);

                            &:hover {
                                background-color: var(--black);
                                color: var(--on-black);
                            }
                        }

                        .c-form.c-form--outline-white & {
                            background-color: none;
                            border: 1px solid var(--white);
                            color: var(--on-outline);

                            &:hover {
                                background-color: var(--white);
                                color: var(--on-white);
                            }
                        }
                    }
                }
            }
        }
    }
}