/*
  optin.tablet.css — dès 768px : bandeau hero en ligne (icône + contenu côte à côte).
*/
.optin--hero {
  flex-direction: row;
  align-items: flex-start;
  padding: var(--space-8);
  gap: var(--space-5);
}

.optin--footer .optin__field {
  flex-direction: row;
}

.optin--inline {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.optin--inline .optin__field {
  flex-direction: row;
}