.tt-email-share{margin-top:1rem}.tt-es-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.tt-es-form label{display:flex;flex-direction:column}.tt-es-form input[type=email]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;min-width:260px}.tt-es-form button{padding:.5rem .9rem;border-radius:.5rem;background:#a61f67;color:#fff;border:0}.tt-es-feedback{margin:.25rem 0;font-size:.9rem}


/* Zorg dat het blok echt los komt te staan */
#tt-email-share {
  margin-top: 32px;
  padding: 24px;
  background: #fff;
  border: 1px solid #a61f67; /* merk-kleur */
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  text-align: left;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Kleine hover/active animatie voor wat dynamiek */
#tt-email-share:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}

/* Titel/heading in merkstijl */
#tt-email-share h2 {
  font-size: 1.4rem;
  color: #a61f67;
  margin-bottom: 42px;
  font-weight: 700;
  margin-top: 20px !important;
}

/* Input en button beter laten spreken */
#ttEmailForm input[type="email"] {
  padding: 12px 14px;
  border: 2px solid #ccc;
  border-radius: 8px;
  width: 70%;
  max-width: 320px;
  margin-right: 8px;
  font-size: 1rem;
}

#ttEmailForm button {
  background: #a61f67;
  color: #fff;
  padding: 12px 18px;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
}

#ttEmailForm button:hover {
  background: #8d1754; /* donkerder variant */
}