:where(textarea,select,input:not([type=button],[type=submit],[type=reset])) {
  width: 100%;
}

form div:has(> label + :where(textarea,select,input)) {
  display: flex;
  flex-direction: column;
  gap: var(--size-1);

  & :is(p, span) {
    font-size: var(--font-size-1);
    color: var(--text-2);
  }
}

form {
  font-size: var(--font-size-1);
}

:where(select) {
  -webkit-appearance: none;
  padding-block: 0.55ch;
}