.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 #707070;

  transition: outline 0.15s linear;

  &:focus {
    outline: 4px solid #00c0ff8a;
  }

  &:hover,
  &:focus {
    border: 1px solid #5c5c5c;
  }
}