// === 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; } } }