input {
  background-color: var(--grey04);
  margin-bottom: .5rem;
  border: 0 none;
  border-bottom: 1px solid var(--grey03);
  padding: .5rem;
  color: var(--white);
  &.error {
    border-bottom: 1px solid red;
    &:focus-visible {
      outline: 2px solid red;  
    }
  }

  &:focus-visible {
    outline: 2px solid var(--white);
    outline-offset: -2px;
  }

  &:disabled, &:read-only {
    border-bottom: 0 none;
    color: var(--grey03);
    cursor: not-allowed;
  }
}

label {
  font-size: .75rem;
  color: var(--white);
  &.error {
    color: red;
  }
}

input[type="text"] {
  width: 100%;
}
.field-wrap {
  margin-bottom: 1rem;
}
.button-wrap {
  display: flex;
  position: relative;
}
.button[type="submit"] {
  margin-left: auto;
}