.newsletter .formkit-form {
  display: flex; /* Ensures form elements are lined up in a row */
  align-items: center; /* Aligns elements vertically */
  gap: 10px; /* Space between input and button */
}

.newsletter .formkit-fields {
  display: inline-flex; /* Align fields next to each other without stretching */
  align-items: center; /* Ensure elements have the same height */
  gap: 10px; /* Space between input and button */
}

.newsletter .formkit-field {
  margin: 0; /* Remove default margins */
}

.newsletter .formkit-input {
  border: 1px solid #ccc; /* Example border, adjust as necessary */
  padding: 8px 10px; /* Adjust padding to match the button */
}

.newsletter button.formkit-submit {
  padding: 8px 10px; /* Adjust to ensure button has the same height as input */
  cursor: pointer; /* Changes cursor to pointer on hover */
  margin-top: 0;
}

/* Optional: Adjust button content alignment if necessary */
.newsletter .formkit-submit {
  display: inline-flex; /* Keeps button content aligned and centered */
  align-items: center; /* Vertically aligns text/icon inside the button */
  justify-content: center; /* Horizontally centers the content */
}