.a-textarea {
  display: flex;
  width: 100%;
  height: 30rem;
  padding: 0.5rem 1.4rem;
  resize: none;
  transition: box-shadow 404ms;
  color: var(--color-16);
  border: none;
  outline: none;
  background-color: var(--color-12);
  box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.05);
  font-size: var(--font-size--base);
  font-weight: var(--font-weight--light);
  line-height: var(--line-height--base);
}

  @media all and (min-width: 1024px) {.a-textarea {
    font-size: var(--font-size--m)
}
  }

  .a-textarea:placeholder {
    color: var(--color-19);
  }

  .a-textarea--secondary {
    background-color: var(--color-18);
  }