input.styled, label.styled {
  border: var(--regular-border);
  border-width: 1px;
  height: 2em;
  min-width: 13rem;
  padding-left: .5em;
}

label.styled {
  display: flex;
  align-items: center;
  justify-content: center;
}


@media (hover: hover) {

  input.styled:hover,
  label.styled:hover {
    border-color: rgba(var(--white), .7);
  }

}


input.styled.invalid, label.styled.invalid {
  color: rgb(255, 165, 132);
}