/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#newsletter-form {}

.cr-wrapper {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
}

.cr-input {
   outline: none;
   flex: 1;
   display: flex;
   justify-content: center;
   align-items: center;
   padding-left: 1rem;
}

.cr-button {
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 1rem 2rem;
}

@media(max-width: 600px) {
   .cr-wrapper {
      flex-direction: column;
   }

   .cr-wrapper .cr-input,
   .cr-wrapper .cr-button{
      flex: 1;
      height: 40px;
      padding: 1rem 2rem;
   }
}