.form-label-required::before {
  @apply content-['*'] text-red-500 mr-1;
}

input:not([type='submit']) {
  display: block;
  position: relative;
  width: 100%;
  background: var(--color-light-gray);
  padding: 0.75rem;
  margin: 1rem 0;
  border: 2px solid #DEDEDE;
  border-radius: 6px;
  font-size: 1rem;
  outline: none;

  &::placeholder {
    color: var(--color-gray-500);
  }

  &:focus {
    border-color: rgb(102, 102, 102);
  }
}

input[type='checkbox'] {
  @apply w-10 h-4 border-b-gray-300 text-indigo-600 rounded-sm
}

.form_link {
  a {
    @apply text-indigo-600 hover:text-indigo-500
  }
}