$id_form: 4;
.donateSteps_wrapper {
	background: transparent;
	margin: 0;
	padding: 0;
	.gform_heading {
		display: none;
	}
	form {
		margin: 0;
		padding: 0;
		position: relative;
		text-align: center;

		/*
     * Steps
     */
		.gf_page_steps {
			align-items: center;
			background: transparent;
			border-radius: 1px;
			border: 1px solid rgba(217, 217, 217, 0.418324);
			column-gap: 15px;
			display: flex;
			justify-content: center;
			margin: 0 auto !important;
			padding: 39px 15px 35px;
			.gf_step {
				@include font-body;
				color: $ui-foreground-primary-text-links;
				display: flex;
				justify-content: center;
				margin: 0;
				padding: 0;
				position: relative;
				&.gf_step_active {
					.gf_step_label {
						color: #254a40;
					}
				}
				.gf_step_label {
					@include font-heading;
					color: $ui-foreground-primary-text-links;
					font-size: 14px;
					font-weight: 600;
					letter-spacing: 0.15em;
					line-height: 17px;
					padding: 0;
					text-transform: uppercase;
				}
				.gf_step_number {
					display: none;
				}
			}
		}

		/*
    * Body Form
    */
		.gform_body {
			background-color: transparent;
			border-radius: 1px;
			border: 1px solid rgba(217, 217, 217, 0.418324);
			box-shadow: none;
			display: block;
			margin: 0;
			padding: 35px 32px 40px;

			/*
       * Page Field --> Footer Buttons
       */
			.gform_page {
				margin-top: 0;
				.gform_page_footer {
					align-items: center;
					border-top: none;
					display: flex;
					font-size: 0;
					justify-content: center;
					margin: 30px auto 0;
					//margin: 0;
					padding: 0;
					text-align: left;
					input.gform_previous_button {
						background-color: $ui-border-bounds;
						color: $ui-foreground-primary-text-headings;
					}
					input.gform_next_button {
						background-color: $ui-background-primary;
						color: $ui-base-white;
					}
					input[value="Donate"] {
						background-color: $ui-foreground-primary-text-body-text;
					}
					input {
						@include font-heading;
						align-items: center;
						border-radius: 0;
						border: none;
						color: $ui-base-white;
						column-gap: 10px;
						display: inline-flex;
						font-size: px-to-rem(14px);
						font-weight: 600;
						justify-content: center;
						letter-spacing: 0.15em;
						line-height: px-to-rem(17px);
						margin-bottom: 0;
						min-height: 60px;
						min-width: 125px;
						padding: 20px 25px;
						text-transform: uppercase;
						transition: all 0.2s ease;
						&:hover,
						&:focus,
						&:active {
							background-color: $ui-foreground-primary-text-body-text;
							color: $ui-base-white;
							text-decoration: none;
						}
					}
					img.gform_ajax_spinner {
						position: absolute;
						bottom: -50px;
						left: 0;
						right: 0;
						margin: 0 auto;
					}
				}
			}

			/*
      * Second & Third Pages
      */
			#gform_page_4_2,
			#gform_page_4_3 {
				margin: 0 auto;
				max-width: 100%;
				padding-top: 0;
				legend.gfield_labelgfield_label_before_complex {
					height: 0;
					opacity: 0;
				}
				.ginput_complex.ginput_container.ginput_container_email,
				.top_label div.ginput_complex.ginput_container.gf_name_has_1,
				.top_label div.ginput_complex.ginput_container.gf_name_has_2,
				.top_label div.ginput_complex.ginput_container.gf_name_has_4 {
					display: flex;
					padding-right: 0;
					// span{
					//   &.ginput_right{
					//     padding-right: 10px !important;
					//   }
					// }
				}
				.ginput_complex.ginput_container_address
					span.ginput_right
					+ span.ginput_left.address_zip {
					padding-right: 8px !important;
				}
				.gform_fields {
					.gchoice,
					.gfield {
						padding-right: 0 !important;
						// margin: 0 0 10px !important;
						// @media (max-width: 767.98px){
						//   margin: 0 0 20px !important;
						// }
						// .gfield_label{
						//   margin-bottom: 10px !important;
						// }
						// input{
						//   padding-left: 10px !important;
						// }
					}
				}
				.gchoice,
				.gfield {
					.ginput_container {
						margin-top: 0;
					}
				}
			}

			.gform_fields {
				grid-row-gap: 15px;
				.gfield {
					padding-left: 0;
					margin-top: 0;
					&.gfield--type-html:last-child {
						@include font-body;
						border-top: 0.5px dashed
							rgba(
								$color: $ui-foreground-primary-text-body-text,
								$alpha: 0.3
							);
						font-size: px-to-rem(14px);
						font-style: normal;
						font-weight: 400;
						letter-spacing: 0.03em;
						line-height: px-to-rem(25px);
						margin-top: 15px;
						padding-top: 20px;
						text-align: center;
						small {
							display: block;
							@include font-body;
							font-weight: 400;
							font-size: px-to-rem(10px);
							line-height: px-to-rem(17px);
							letter-spacing: 0.03em;
						}
					}
					/*
          * Custom Classes
          */
					&.hide-field {
						height: 0;
						margin: 0;
						visibility: hidden;
					}
					&.hide-label {
						.gfield_label {
							height: 0;
							margin: 0 !important;
							visibility: hidden;
							display: flex;
						}
					}

					/*
          * Label Fields
          */
					.top_label .gfield_label,
					.gfield_label,
					label,
					legend {
						@include font-heading;
						color: $ui-foreground-primary-text-headings;
						text-align: left;
						text-transform: none;
						span.gfield_required {
							position: relative;
							font-size: 0;
							&.gfield_required_custom {
								font-size: 0;
								font-style: normal;
								&::after {
									content: "*";
									@include font-body;
									color: $ui-background-tertiary;
									display: inline-block;
									font-size: 15px;
									font-weight: 500;
									line-height: 0;
								}
							}
						}
					}

					/*
          * Radio Button Recurring 
          */
					&.recurring-buttons {
						display: inline-block;
						position: relative;
						width: 100%;

						.ginput_container_radio {
							margin-top: 0;
							display: block !important;
							.gfield_radio {
								align-items: center;
								background-color: rgba(
									$color: #ffffff,
									$alpha: 0
								);
								border-radius: 0;
								border: none;
								display: flex;
								flex-flow: row nowrap;
								flex-shrink: 1;
								justify-content: center;
								margin: 0;
								overflow: hidden;
								padding: 0 !important;
								position: relative;
								text-align: center;
								width: auto !important;
								&::after {
									content: "";
									border-radius: 0;
									border: none;
									display: block;
									height: 100%;
									position: absolute;
									width: 100%;
									z-index: 0;
								}
								.gchoice,
								.gfield {
									list-style-type: none;
									margin: 0;
									overflow: visible;
									width: 50%;
									input {
										left: 0;
										margin: 0;
										padding: 0;
										position: absolute;
										top: 0;
										visibility: hidden;
									}
									input:checked + label {
										background: transparent;
										color: #254a40 !important;
									}
									[type="radio"]:checked + label,
									[type="radio"]:not(:checked) + label {
										@include font-heading;
										border-radius: 0;
										color: rgba(
											$color:
												$ui-foreground-primary-text-links,
											$alpha: 1
										);
										cursor: pointer;
										display: inline-block;
										font-size: px-to-rem(14px);
										font-stretch: normal;
										font-style: normal;
										font-weight: 600;
										letter-spacing: 0.15em;
										line-height: px-to-rem(16px);
										margin: 0 auto;
										max-width: 100%;
										padding: 15px 10px;
										position: relative;
										text-align: center;
										text-transform: uppercase;
										transition: all 0.2s ease;
										width: 100%;
										z-index: 1;
										&::after {
											content: none;
											transition: all 0.2s ease;
											z-index: -1;
										}
									}
									[type="radio"]:checked,
									[type="radio"]:not(:checked) {
										position: fixed;
										left: -9999px;
									}
									[type="radio"]:not(:checked) + label:after {
										opacity: 0;
										-webkit-transform: scale(0);
										transform: scale(0);
									}
								}
							}
						}
					}

					/*
          * Product PRICE 
          */
					&.gfield_price:not(.gfield_total):not(.recurring-buttons) {
						padding-right: 0 !important;
						.gfield_label {
							@include font-heading;
							color: $ui-foreground-primary-text-headings;
							font-size: px-to-rem(20px);
							text-align: center;
							text-transform: none;
							margin-bottom: 25px;
							span.gfield_required::after {
								font-size: px-to-rem(20px) !important;
							}
						}
						.ginput_container_radio {
							margin-bottom: 25px;
							margin-top: 0;
							display: block !important;
							#input_4_1,
							.gfield_radio {
								align-content: space-around;
								align-items: center;
								column-gap: 8px;
								display: flex;
								flex-flow: row wrap;
								flex-wrap: wrap;
								justify-content: space-between;
								margin: 0;
								padding: 0;
								row-gap: 15px;
								width: auto !important;
								.gchoice {
									flex: 1 1 calc((100% / 3) - 6px);
									list-style-type: none;
									margin: 0;
									overflow: visible;
									text-align: center;
									@include media-breakpoint-down(md) {
										flex: 1 1 calc((100% / 2) - 8px);
									}
									input {
										left: 0;
										margin: 0;
										padding: 0;
										position: absolute;
										top: 0;
										visibility: hidden;
									}
									label {
										padding-left: 0 !important;
										width: 100%;
									}
									input:checked + label {
										color: $ui-border-bounds !important;
										background: $ui-border-bounds;
									}
									[type="radio"]:checked + label,
									[type="radio"]:not(:checked) + label {
										@include font-heading;
										border-radius: 0;
										color: $ui-foreground-primary-text-headings;
										cursor: pointer;
										display: block !important;
										font-size: px-to-rem(11px) !important;
										font-stretch: normal;
										font-style: normal;
										font-weight: 600 !important;
										letter-spacing: 0.15em;
										line-height: 1.1;
										margin: 0 auto;
										max-width: 100%;
										padding: 20px 10px !important;
										position: relative;
										text-align: center;
										text-transform: uppercase;
										z-index: 1;
										&::after {
											content: "";
											background-color: rgba(
												$color: #254a40,
												$alpha: 1
											);
											border: none;
											//height: calc(100% + 1px);
											height: 100%;
											left: 50%;
											position: absolute;
											top: 50%;
											transform: translate(-50%, -50%);
											transition: all 0.2s ease;
											//width: calc(100% + 1px);
											width: 100%;
											z-index: -1;
										}
									}
									[type="radio"]:checked + label::before {
										opacity: 1;
									}
									[type="radio"]:checked,
									[type="radio"]:not(:checked) {
										position: fixed;
										left: -9999px;
									}
									[type="radio"]:not(:checked) + label:after {
										background-color: rgba(
											$color: $ui-border-bounds,
											$alpha: 1
										);
										border: none;
										box-shadow: none;
									}
									&:last-child {
										flex-grow: 2;
										/*Change Propierties to the last item*/
										// > {
										//   [type="radio"]:checked + label,
										//   [type="radio"]:not(:checked) + label {
										//     @include font-body;
										//     color: $ui-foreground-primary-text-body-text;
										//     font-size: 9px !important;
										//     font-weight: 500;
										//   }
										// }
									}
								}
							}
						}

						/*
            * Other field, User define price
            */

						.ginput_container_product_price {
							position: relative;
							transition: all 0.4s ease;
							margin-bottom: 20px;
							.ginput_amount {
								@include font-heading;
								background-color: rgba(
									$color: #ffffff,
									$alpha: 1
								);
								box-shadow: none;
								color: $ui-foreground-primary-text-headings !important;
								height: 36px;
								margin-bottom: 0 !important;
								margin-top: 0 !important;
								padding: 11px 50px 11px 15px !important;
								text-align: left;
								text-transform: none;
								&::-webkit-input-placeholder {
									color: $ui-foreground-primary-text-headings;
									opacity: 1;
								}
								&::-moz-placeholder {
									color: $ui-foreground-primary-text-headings;
									opacity: 1;
								} /* firefox 19+ */
								&:-ms-input-placeholder {
									color: $ui-foreground-primary-text-headings;
									opacity: 1;
								} /* ie */
							}
							&::before {
								//content: "$";
								@include font-heading;
								color: $ui-foreground-primary-text-headings;
								left: 16px;
								line-height: 1.2;
								position: absolute;
								text-align: left;
								top: 50%;
								transform: translate(0%, -50%);
							}
							&::after {
								//content: "USD";
								@include font-heading;
								bottom: unset;
								color: $ui-foreground-primary-text-headings;
								left: unset;
								line-height: 1.2;
								position: absolute;
								right: 16px;
								top: 50%;
								transform: translate(0%, -50%);
							}
						}
					}
					/*
          * Checkbox & Consent
          */
					.ginput_container_consent,
					.ginput_container_checkbox .gfield_checkbox .gchoice {
						margin-bottom: 5px;
						input {
							cursor: pointer;
							height: 100%;
							opacity: 0;
							position: absolute;
							width: 100%;
							z-index: 1;
						}
						[type="checkbox"]:checked + label,
						[type="checkbox"]:not(:checked) + label {
							@include font-heading;
							color: $ui-foreground-primary-text-headings;
							cursor: pointer;
							display: inline-block;
							margin: 0 auto;
							min-height: 30px;
							padding: 0 0 0 30px;
							position: relative;
							text-align: left;
							text-transform: none;
							vertical-align: middle;
							z-index: 1;
							&::after {
								content: "";
								background: $ui-foreground-primary-accent-01;
								border-color: $ui-foreground-primary-accent-01;
								border-radius: 4px;
								border-style: solid;
								border-width: px-to-rem(1.7px);
								box-shadow: none;
								height: 20px;
								left: 0;
								position: absolute;
								top: 0;
								transition: all 0.2s ease;
								width: 20px;
								z-index: -1;
							}
						}
						[type="checkbox"]:checked,
						[type="checkbox"]:not(:checked) {
							position: fixed;
							left: -9999px;
							margin: 0;
						}
						[type="checkbox"]:checked + label {
							&::before {
								content: "";
								background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.16484L4.10757 8L10 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
								background-size: px-to-rem(10px);
								background-repeat: no-repeat;
								background-position: center;
								width: 20px;
								height: 20px;
								left: 0;
								position: absolute;
								top: 0;
							}
						}
						[type="checkbox"]:not(:checked) + label:after {
							content: "";
							background: transparent;
							border-color: $ui-border-bounds;
						}
					}
				}
			}

			/*
      * Common fields
      */
			.gchoice,
			.gfield {
				padding-right: 0 !important;
				text-align: left;

				input:not([type="submit"]),
				textarea,
				select {
					@include font-heading;

					border-radius: $input-border-radius;
					border: 1px solid $ui-border-bounds;
					box-shadow: none;
					color: $ui-foreground-primary-text-body-text;
					min-height: 50px;
					padding: 10px 15px;
					&::-webkit-input-placeholder {
						color: $ui-foreground-primary-text-body-text;
						opacity: 1;
					}
					&::-moz-placeholder {
						color: $ui-foreground-primary-text-body-text;
						opacity: 1;
					} /* firefox 19+ */
					&:-ms-input-placeholder {
						color: $ui-foreground-primary-text-body-text;
						opacity: 1;
					} /* ie */
					&:active,
					&:focus {
						box-shadow: none;
						border-color: $ui-foreground-primary-text-body-text;
						outline: none;
						color: $ui-foreground-primary-text-body-text;
						&::-webkit-input-placeholder {
							color: $ui-foreground-primary-text-body-text;
							opacity: 1;
						}
						&::-moz-placeholder {
							color: $ui-foreground-primary-text-body-text;
							opacity: 1;
						} /* firefox 19+ */
						&:-ms-input-placeholder {
							color: $ui-foreground-primary-text-body-text;
							opacity: 1;
						} /* ie */
					}
				}

				select {
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					line-height: 1.2;
					padding: 14px 10px;
					transition: all 0.4s ease;
					color: $ui-foreground-primary-text-body-text;
					background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L7 1' stroke='%23211F1F'/%3E%3C/svg%3E%0A");
					background-repeat: no-repeat;
					background-position: calc(100% - 8px) center;
					background-color: transparent;
					option {
						color: $ui-foreground-primary-text-body-text;
					}
					&:focus,
					&:active {
						transition: all 0.4s ease;
						color: $ui-foreground-primary-text-body-text;
					}
					&:active {
						border-color: $ui-border-input-controls-active;
					}
					&:focus {
						border-color: $ui-border-input-controls-focus;
					}
				}

				textarea {
					height: 100px;
					resize: none;
					max-width: 100%;
				}

				input[type="checkbox"],
				input[type="radio"] {
					height: 30px;
				}

				&.gfield_error {
					.ginput_container {
						input {
							background-color: rgba(
								$color: $ui-border-system-warning,
								$alpha: 0
							);
							border-color: $ui-border-system-warning;
							color: $ui-border-system-warning !important;
							&::-webkit-input-placeholder {
								color: $ui-border-system-warning;
							}
							&::-moz-placeholder {
								color: $ui-border-system-warning;
							}
							&:-ms-input-placeholder {
								color: $ui-border-system-warning;
							}
							&:-moz-placeholder {
								color: $ui-border-system-warning;
							}
							&:-webkit-autofill,
							&:-webkit-autofill:hover,
							&:-webkit-autofill:focus,
							&:-webkit-autofill,
							&:-webkit-autofill:hover,
							&:-webkit-autofill:focus,
							&:-webkit-autofill,
							&:-webkit-autofill:hover,
							&:-webkit-autofill:focus {
								background: transparent !important;
								color: $ui-border-system-warning !important;
								-webkit-text-fill-color: $ui-border-system-warning !important;
								transition: background-color 5000s ease-in-out
									0s;
							}
						}
					}
				}

				/*
         * WARNING MESSAGE
         */
				.gfield_creditcard_warning {
					width: auto !important;
					.gfield_creditcard_warning_message {
						margin-bottom: 10px;
					}
					.ginput_container_creditcard {
						.gform_card_icon_container {
							display: none;
						}
					}
				}

				/*
         * Credit Card Fields
         */
				.ginput_container_creditcard {
					text-align: left !important;
					span.ginput_full {
						position: relative;
						display: block;
						input,
						select {
							&:-webkit-autofill,
							&:-webkit-autofill:hover,
							&:-webkit-autofill:focus,
							&:-webkit-autofill,
							&:-webkit-autofill:hover,
							&:-webkit-autofill:focus,
							&:-webkit-autofill,
							&:-webkit-autofill:hover,
							&:-webkit-autofill:focus {
								background: transparent !important;
								color: $ui-base-white;
								-webkit-text-fill-color: $ui-base-white !important;
								transition: background-color 5000s ease-in-out
									0s;
							}
						}
						&.ginput_cardextras {
							font-size: 0;
							display: block;
							span.ginput_cardinfo_right {
								width: 50% !important;
								display: inline-block;
								vertical-align: top;
								padding-left: 0 !important;
								position: relative;
								input {
									width: 100%;
								}
								input.ginput_card_security_code {
									display: inline-block;
									max-width: 100% !important;
									//padding-left: 30px !important;
								}
								span.ginput_card_security_code_icon {
									display: none;
								}
							}
							span.ginput_cardinfo_left {
								//width: 70%;
								//display: inline-block;
								span.ginput_card_field {
									display: block;
								}
								select {
									position: relative;
									-moz-appearance: none;
									-webkit-appearance: none;
									appearance: none;
									option {
										/*height: 36px;*/
										&::-webkit-input-placeholder {
											color: $ui-background-tertiary;
											opacity: 1;
										}
										&::-moz-placeholder {
											color: $ui-background-tertiary;
											opacity: 1;
										} /* firefox 19+ */
										&:-ms-input-placeholder {
											color: $ui-background-tertiary;
											opacity: 1;
										} /* ie */
										background: rgba(255, 255, 255, 1);
									}
								}
							}
						}
					}
				}

				/*
        * Total Field 
        */
				&.gfield--type-total {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					.gfield_label,
					.gfield_description {
						@include font-heading;
						color: $ui-foreground-primary-text-headings;
						font-size: px-to-rem(20px);
						font-style: normal;
						font-weight: 500;
						letter-spacing: 0.04em;
						line-height: px-to-rem(28px);
						text-align: center;
					}
					.gfield_label.gform-field-label {
						margin-bottom: 0 !important;
					}
					.gfield_description {
						padding-top: 0;
					}
					.ginput_container_total {
						margin-bottom: 0;
						input.ginput_total {
							@include font-heading;
							background: transparent;
							border: none !important;
							box-sizing: border-box;
							color: $ui-foreground-primary-text-headings;
							display: block;
							font-size: px-to-rem(20px) !important;
							font-weight: 500;
							letter-spacing: 0.04em;
							line-height: 1;
							min-height: auto;
							padding: 0 !important;
							text-align: center;
							width: auto;
						}
					}
				}
				/*Field Class - Total Month*/
				&.gfield--type-total.total-month {
					flex-direction: row;
					.gfield_label.gform-field-label {
						text-align: right;
						flex: 0 0 55px;
					}
					.ginput_container_total {
						width: 95px;
						text-align: center;
					}
					.gfield_description {
						text-align: left;
						flex: 0 0 110px;
					}
				}
				/*Field Class - Total Once*/
				&.gfield--type-total.total-once {
					flex-direction: row;
					.gfield_label.gform-field-label {
						text-align: right;
						flex: 0 0 55px;
					}
					.ginput_container_total {
						width: 95px;
						text-align: center;
					}
					.gfield_description {
						text-align: left;
						flex: 0 0 55px;
					}
				}
			} //.gchoice, .gfield

			/*
      * Section Form
      */
			.gsection {
				border-bottom: 1px dotted $ui-background-tertiary !important;
				padding: 0 !important;
				margin-bottom: 12px !important;
				h3.gsection_title {
					display: none;
				}
			}
		} // end gform_body

		/* 
    * Gform Footer (submit button)
    */
		.gform_footer {
			padding: 0;
			margin: 0 !important;
			input[type="submit"] {
				@include font-heading;
				background: $ui-background-tertiary;
				border-radius: 35px;
				border: none;
				color: #ffffff !important;
				display: block !important;
				font-size: 11px !important;
				font-stretch: normal;
				font-style: normal;
				font-weight: 700;
				height: unset;
				letter-spacing: -0.02em;
				line-height: 1;
				margin: 5px auto 10px;
				padding: 13px 35px;
				text-transform: none;
				transition: all 0.4s ease;
				width: 100% !important;
				&:hover,
				&:focus,
				&:active {
					background: $ui-background-tertiary;
					color: #fff !important;
					text-decoration: none;
				}
			}
		}
	} /*form*/

	/*
  * Error Styles
  */
	&.gform_wrapper.gravity-theme {
		.gform_validation_errors {
			background: #fff9f9;
			border: 1px solid $ui-border-system-warning;
			border-radius: 1px;
			box-shadow: none;
			margin-bottom: 8px;
			margin-top: 8px;
			padding: 6px 8px;
			position: relative;
			width: 100%;
			> h2 {
				@include font-heading;
				color: $ui-border-system-warning;
				display: block;
				font-size: px-to-rem(14px);
				font-style: normal;
				font-weight: 500;
				letter-spacing: 0.04em;
				line-height: px-to-rem(19px);
				padding-left: 30px;
				position: relative;
				.gform-icon {
					height: 16px;
					transform: translate(0%, -50%);
					position: absolute;
					bottom: unset;
					left: 0%;
					top: 50%;
					flex: 1 0 16px;
					width: 16px;
					background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23FF2400'/%3E%3Cpath d='M6 6L10 10M10 6L6 10' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
					background-repeat: no-repeat;
					background-size: contain;
					background-position: 50% 50%;
				}
			}
		}
		.gfield_validation_message,
		.validation_message {
			@include font-heading;
			background: $ui-border-system-warning;
			border-color: $ui-border-system-warning;
			border-radius: 1px;
			color: $ui-base-white;
			font-size: px-to-rem(9px);
			font-style: normal;
			font-weight: 500;
			letter-spacing: 0.06em;
			line-height: px-to-rem(12px);
			padding: 3px;
			text-transform: uppercase;
		}
		.gfield_creditcard_warning {
			background-color: rgba(255, 223, 224, 0.25);
			border-bottom: 2px solid $ui-border-system-warning;
			border-top: 2px solid $ui-border-system-warning;
			.gfield_creditcard_warning_message span {
				@include font-heading;
				color: $ui-border-system-warning;
				display: block;
				font-size: px-to-rem(14px);
				font-style: normal;
				font-weight: 500;
				letter-spacing: 0.04em;
				line-height: px-to-rem(19px);
				position: relative;
			}
		}
	}
}