button[aria-label="Close dialog"] {
  width: 38px !important;
  height: 38px !important;
  border-radius: 0 !important;
  margin-top: 20px !important;
  margin-right: 20px !important;
  background-image: url('/cdn/shop/files/Component_5.svg?v=1764333711');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.2s filter ease-in-out;
  border: 1px solid transparent;

  svg {
    display: none;
  }

  &:hover {
    filter: invert(1);
    border-color: black;
  }
}

.needsclick[aria-label="POPUP Form"] {
  z-index: 9000 !important;
}

@media(max-width: 768px) {
  [aria-label="POPUP Form"] {

    > .needsclick {
      transform: none !important;
      max-height: 90vh !important;
      overflow-y: auto !important;
    }
  }
}


form[data-testid="klaviyo-form-UV8PDZ"] {
  flex-direction: row-reverse !important;
  width: 80vw !important;
  height: 70vh !important;
  max-width: 100% !important;
  padding: 0 !important;

  > button {
    background-color: red !important;
  }

   > .needsclick.kl-private-reset-css-Xuajs1:first-child {
      width: 50% !important;
     padding: 0 20px !important;

     > [data-testid="form-row"]:first-child {
       p {
         display: flex;
         justify-content: center;
         > span {
           font-family: 'Outfit', sans-serif !important;
           text-align: center;
           display: inline-block;
           margin: auto;
           font-size: 20px !important;
           font-weight: 400 !important;

           span {
             display: block;
             text-align: center;
             font-size: 56px !important;
             text-transform: uppercase;
             font-style: normal !important;

             span {
               font-size: 20px !important;
               text-transform: none !important;
             }
           }
         }
       }
     }

     [data-testid="form-row"] {
       input {
         border-radius: 0 !important;
         border-color: black !important;
         height: 44px !important;

         &:focus-visible {
           border-radius: 0 !important;
         }
       }

       button {
         padding-top: 14px !important;
         padding-bottom: 14px !important;
         background-color: black !important;
       }
     }
  }

  > .needsclick.kl-private-reset-css-Xuajs1 {
    margin: 0 !important;
    width: 50% !important;
    height: 100% !important;
    min-width: 50% !important;
  }
}

@media(max-width: 768px) {
  form[data-testid="klaviyo-form-UV8PDZ"] {
    height: 90vh !important;
    flex-direction: column-reverse !important;

    > .needsclick.kl-private-reset-css-Xuajs1:first-child {
      width: fit-content !important;
      padding: 0 20px !important;

      > [data-testid="form-row"]:first-child {
        p {
          > span {
            font-size: 16px !important;

            span {
              font-size: 32px !important;

              span {
                font-size: 14px !important;
              }
            }
          }
        }
      }
    }

    .needsclick.kl-private-reset-css-Xuajs1 {
      width: 100% !important;
    }
  }
}