.form-container {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;

  .btn,
  .btn-group {
    margin-top: 1rem;
  }
}

.form-label {
  margin-top: 1rem;
  text-transform: uppercase;
  font-weight: 600;
}

input.form-control {
  padding: 8px;
  font-size: 1rem;
  border-radius: 4px;
  border: 1px solid var(--form-border);

  transition: outline 0.15s linear;

  &:focus {
    outline: 4px solid var(--focus-outline);
  }

  &:hover,
  &:focus {
    border: 1px solid var(--form-border-hover);
  }
}

.form-checkbox {
  margin-top: 0.75rem;
}