.form-field {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 16px;
  border: 1px solid var(--color-black);
  border-radius: 18px;
  background: var(--color-white);
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-sm);
  color: var(--color-black);
  width: 100%;
  outline: none;
  transition: border-color 0.2s;
}

.form-field:focus {
  border-color: var(--color-blue);
}

.form-field::placeholder {
  color: var(--color-black);
  opacity: 0.5;
}