.formModal { :global { .givewp-modal-dialog { max-width: 35rem; .givewp-modal-header { font-size: 1.25rem; font-weight: 600; line-height: 1.6; } .givewp-modal-close { translateY: 4.5px; } } .givewp-campaigns { &__form { label { color: var(--givewp-neutral-700); font-size: 1rem; font-weight: 500; line-height: 1.5; } input, textarea { border-color: var(--givewp-grey-400); font-size: 1rem; font-weight: 400; line-height: 1.5; padding: var(--givewp-spacing-3) var(--givewp-spacing-4); &::placeholder { color: var(--givewp-grey-400); } &[aria-invalid="true"] { border-color: var(--givewp-red-500); outline-color: var(--givewp-red-500); } } span:not(.givewp-field-required, .givewp-textarea-control__counter) { color: var(--givewp-neutral-500); font-size: 0.875rem; line-height: 1.5; margin-bottom: var(--givewp-spacing-2); strong { color: var(--givewp-neutral-600); font-weight: 600; } } button.button { &[type="button"], &[type="submit"] { display: block; font-size: 1rem; font-weight: 500; line-height: 1.5; padding: var(--givewp-spacing-3) var(--givewp-spacing-5); width: 100%; border-radius: 8px; &.button-secondary { color: #060c1a; border-color: #9ca0af; background-color: white; } } } } &__form-row { display: flex; flex-direction: column; gap: var(--givewp-spacing-1); margin-bottom: var(--givewp-spacing-6); &--half { flex-direction: row; gap: var(--givewp-spacing-6); } } &__form-column { display: flex; flex: 1; flex-direction: column; gap: var(--givewp-spacing-1); } &__form-errors { padding-left: var(--givewp-spacing-1); ul { list-style: disc; margin-bottom: var(--givewp-spacing-6); margin-top: 0; padding-left: var(--givewp-spacing-4); } p, li { color: var(--givewp-red-500); font-size: 0.875rem; font-weight: 500; line-height: 1.5; margin: 0; } } } } }