input,
textarea,
select,
.input {
  display: block;
  width: 100%;
  padding: var(--spacing-small);
  border: 1px solid var(--color-secondary);
  border-radius: var(--radius);
  box-sizing: border-box;
  font-size: var(--font-size-medium);
  transition: border-color 0.3s ease;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--color-primary);
  outline: none;
}

.form-label {
  margin-bottom: var(--spacing-small);
  display: inline-block;
}