form {
  margin-top: 2em;
}

.field {
  margin-bottom: 1em;
}
.field.required label::after {
  content: "*";
  color: var(--red);
}
input,
textarea,
select {
  width: 100%;
  padding: 1em;
  border: 1px solid var(--border-color);
  border-radius: 0;
  background: var(--background-light);
  color: var(--text-light);
}
input:focus,
textarea:focus,
select:focus {
  outline: 1px solid var(--red);
  border-color: var(--red);
}

.buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

.buttons button[type="submit"] {
  flex-grow: 1;
}

#location_custom {
  margin-top: 0.2em;
}

.required-fields {
  &::before {
    content: "*";
    color: var(--red);
  }
  margin-bottom: 2em;
}