Input

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], select, textarea {
  @apply w-full 
    px-3
    text-gray-900
    border
    border-gray-400
    focus:border-gray-500
    focus:outline-gray-500
    rounded-xxs;

  &::placeholder {
    @apply text-gray-600;
  }

  .Form--hubspot & {
    @apply w-full #{!important};
  }
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {
  @apply py-2.5 #{!important};
}

select {
  @apply py-3;
}

[type="submit"] {
  @apply cursor-pointer;
}

label {
  @apply block
    mb-2
    font-bold;
}

textarea {
  @apply h-[200px];
}

.Input {
  &--required {
    label {
      &:after {
        @apply content-['*'];
      }
    }
  }
}