.campaignForm {
    .submitButton {
        border-radius: 0;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.43;
        padding: var(--givewp-spacing-2) var(--givewp-spacing-4);
        text-align: center;
    }

    input,
    label {
        font-size: 1rem;
    }
}

.fieldRequired {
    color: var(--givewp-red-500);
}

.goalType {

    .goalTypeOption {
        margin: 0.5rem 0 0.5rem 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1rem;

        cursor: pointer;
        border: 1px solid #9CA0AF;
        border-radius: 8px;
        padding: 0.75rem 1.5rem 0.75rem 1.5rem;
    }

    .goalTypeOptionIcon {

        line-height: 0.875rem;
        margin-top: 0.175rem;

        svg {
            width: 1.5rem;
            height: 1.5rem;
        }
    }

    .goalTypeOptionText {

        label,
        span {
            cursor: pointer;
        }

        > label {
            font-size: 0.875rem !important;
        }

        > span {
            font-size: 0.75rem !important;
            margin-top: 0.2rem;
            display: none;
            line-height: 1rem !important;
        }

        /* Hide the radio button input */
        input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }
    }

    .goalTypeOptionSelected {
        background-color: #374151;

        .goalTypeOptionIcon {

            svg path:not([fill]) {
                stroke: #F9FAFB;
            }

            svg path:not([stroke]) {
                fill: #F9FAFB;
            }
        }

        .goalTypeOptionText {
            label,
            span {
                color: #F9FAFB !important;
            }

            span {
                display: inline-block;
            }
        }
    }
}

.button:is(:global(.button)) {
    border-radius: var(--givewp-rounded-8)
}

.previousButton:is(:global(.button)) {
    background-color: transparent;
    border: solid 1px #9ca0af;
    color: #060c1a;

    &:hover {
        border: solid 1px #9ca0af;
        color: #060c1a;
    }
}
