// === Textarea ===
.textarea {
  width: 100%;
  margin: 0 0 20px 0;
  vertical-align: top;
  display: inline-block;
  position: relative;

  &__text {
    width: 100%;
    max-width: 100%;
    min-height: 100px;
    padding: 10px 0;
    border: 0;
    outline: 0;
    border-bottom: solid 1px #ccc;
    background-color: transparent;
    transition: border-bottom-color 0.2s ease-out;
    text-align: left;
    font-size: 16px;
    line-height: 1.3;
    overflow: auto;
    vertical-align: top;
    display: inline-block;

    &:hover {
      border-bottom-color: #949494;
    }

    &:focus {
      border-bottom-color: #333;
    }
  }
}