.speaker-form .fee-row {
  align-items: start;
  background: rgba(255, 255, 255, 0.32);
  border: 1px solid var(--border);
  border-radius: 18px;
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 1rem;
}

.speaker-form .fee-row .form-field:nth-child(3) {
  grid-column: 1 / -1;
}

@media (max-width: 820px) {
  .speaker-form .fee-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .speaker-form .fee-row {
    grid-template-columns: 1fr;
  }
}