/* 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;
}

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