/* Callback */

.callback {
  display: flex;
  flex-direction: column;
  gap: var(--gap-block);
}

.callback > header {
  flex: 1;
}

.callback form {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.callback label {
  font-size: var(--text-sm);
  font-weight: 600;
}

.callback input {
  padding: var(--space-3) var(--space-4);
  border: 0.0625rem solid var(--color-border);
  border-radius: var(--radius);
  font: inherit;
}

.callback input:focus {
  outline: 0.125rem solid var(--color-primary);
  outline-offset: 0.0625rem;
}

/* Submit in natürlicher Breite (align-self: flex-start) jetzt global in 03-forms.css */

/* Phone-Icon links vom Text */
.callback form button[type="submit"] svg {
  order: -1;
}

@media (min-width: 45rem) {
  .callback {
    flex-direction: row;
    align-items: center;
    gap: var(--gap-section);
  }
}