input {
  border: 15px solid transparent;
  border-image: var(--input-border) 15 fill stretch;
  block-size: calc(var(--font-size-button) + 30px);
  color: rgb(var(--color-black));
  font-family: var(--font-family-1);
  font-size: var(--font-size-3);
  font-weight: 400;
  inline-size: min(100%, 400px);
  line-height: var(--line-height-1);
  padding: 0;

  &::placeholder {
    color: rgb(var(--color-black) / 0.5);
    opacity: 1;
  }
}