.email-cta__image {
   aspect-ratio: 4 / 3;
   background-color: var(--Neutral-200, #E5E5E5);
   height: auto;

   img {
      height: 100%;
      object-fit: cover;
      width: 100%;
   }
}

.email-cta__form {
   form {
      margin-top: 0.75rem;
   }

   input {
      border: 1px solid var(--Neutral-900, #171717);
      border-radius: 999px;
      padding: 0.5rem 1.3125rem;

   }

   input::placeholder {
      color: var(--Neutral-600, #525252);
   }
}

.email-cta {

   .validation_message {
      text-align: center;
   }

   .gfield {
      margin-bottom: 0;
   }

   .subscribe-btn,
   input[type=submit],
   button[type=submit],
   .btn-submit {
      box-shadow: unset !important;
      border: 0 !important;

      background: var(--color-primary-salmon-500, #FF5B5B) !important;
      border-radius: 3.0625rem !important;
      color: #fff !important;

      display: inline-flex;
      justify-content: center;
      align-items: center;
      padding: 0.5rem 1.4375rem;
      gap: 0.625rem;

      transition: background-color 0.3s;

      &:focus,
      &:hover {
         outline: none;
         background-color: var(--salmon-600, #cf3b30) !important;
      }
   }


   .gform_fields {
      display: flex !important;
      column-gap: 0.75rem !important;
      align-items: flex-end !important;
   }

   .gfield {
      position: relative;

      input:not([type=submit]) {
         border: 1px solid var(--Neutral-900, #171717) !important;
         border-radius: 999px !important;
         padding: 0.5rem 1.5rem !important;

         &:focus {
            border-width: 2px !important;
            margin: -1px !important;
         }
      }
   }

   .gfield:not(.gfield--type-submit) {
      flex-grow: 1;
   }

   .ginput_container {
      margin-bottom: 0;
   }

   .gform_wrapper {
      display: flex;
      flex-direction: column;
   }

   /* .gform_validation_errors:not(:has(.email_cta_api_validation_error)) {
      display: none !important;
   } */

   #validation_message_2_1 {
      display: none;
   }

   .gform_validation_errors {
      /* order: 2; */
      text-align: center;
   }

   .gform-footer {
      padding: 0 !important;
   }

   .validation_message {
      position: absolute;
      top: calc(100% + 0.25rem);
   }

   .gform_confirmation_message_2 {
      color: green;
      text-align: center;
   }
}

.subscribe-btn.subscribe-btn {
   &:focus:not(:hover) {
      background: var(--color-primary-salmon-500, #FF5B5B) !important;
   }
}


.email-cta__content:first-child:last-child {
   margin-inline: auto;
}

@media (max-width: calc(36rem - 1px)) {
   .email-cta {
      .gform_fields {
         flex-direction: column !important;
         row-gap: 0.75rem !important;
      }

      .gfield {
         width: 100%;

         input[type=submit] {
            width: 100%;
         }
      }

      .validation_message {
         position: relative;
         top: unset;
      }
   }
}

@media (min-width: 48rem) and (max-width: calc(62rem - 1px)) {
   .email-cta__image {
      aspect-ratio: 16 / 9;
   }
}