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

            form.wpforms-form {
                
                * {
                    margin: 0;
                    padding: 0;
                }
                
                .wpforms-field-container {
                    input, textarea {
                        padding: 15px 20px;
                        background: var(--white);
                        border: 1px solid var(--primary);
                        border-radius: var(--border-radius-button);
                        color: var(--black);
                        font-size: 18px;
                        text-align: left;
                        margin-bottom: 5px;
                    }
                }

                .wpforms-submit-container {

                    button {
                        padding: 25px 18px;
                        width: 100%;
                        font-size: 16px;
                        text-transform: uppercase;
                        font-weight: 600;
                        border-radius: var(--border-radius-button);
                        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(--white);
                                color: var(--on-white);
                            }
                        }

                        .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);
                            }
                        }
                    }
                }
            }
        }
    }
}