syle.css

.article-vote-down-explanation {
  display: none;
}

 .article-votes-form-yes {
  display: none;
}

.article-votes-form-yes.visible {
  display: block;
}

.article-votes-form-no {
  display: none;
}

.article-votes-form-no.visible {
  display: block;
}

.article-votes-btn {
  cursor: pointer;
  border: 1px solid rgba(5, 0, 56, 1);
  color: rgba(5, 0, 56, 1);
  border-radius: 4px;
  padding: 6px 20px;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  font-size: 12px;
}

.article-votes-btn.active {
  background: rgba(5, 0, 56, 1);;
  color: #fff;
}

.article-votes-btn-yes {
  margin-right: 10px;
  padding: 6px 16px;
}

.article-votes-title {
  margin-bottom: 14px;
}

.article-votes-btns-wrap {
  margin-bottom: 40px;
}

.article-votes-textarea {
  height: 85px;
  resize: none;
  margin-bottom: 14px;
}

.article-votes-textarea.validationError::-webkit-input-placeholder { /* Chrome */
  color: #f2545b;
}

.article-votes-textarea.validationError:-ms-input-placeholder { /* IE 10+ */
  color: #f2545b;
}

.article-votes-textarea.validationError::-moz-placeholder { /* Firefox 19+ */
  color: #f2545b;
  opacity: 1;
}

.article-votes-textarea.validationError:-moz-placeholder { /* Firefox 4 - 18 */
  color: #f2545b;
  opacity: 1;
}

.article-votes-form-yes {
  position: relative;
  padding: 21px 0 0;
}

.article-votes-textarea-label {
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 10px;
}

.article-votes-form-no-textarea-wrap {
  position: relative;
  padding: 21px 0 0;
}

.article-votes-form-no-textarea-label {
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 10px;
}


.article-votes-labels {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.article-votes-labels label {
  margin: 3px 0;
}

.article-votes-labels label input {
  margin-right: 5px;
}

.article-votes-button {
  background-color: rgba(5, 0, 56, 1);
  border: none;
  color: #fff;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
}

.article-votes-button:focus {
  border: none;
}

.article-votes-btns-wrap.disabled .article-votes-btn {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.article-votes-form-yes.disabled .article-votes-button {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.article-votes-form-yes.disabled .article-votes-textarea {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.article-votes-form-no.disabled .article-votes-button {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.article-votes-form-no.disabled .article-votes-textarea {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.article-votes-feedback-success {
  display: none;
}

.article-votes-feedback-success.active {
  display: block;
}

.article-votes-feedback-fail {
  display: none;
}

.article-votes-feedback-fail.active {
  display: block;
}

.article-votes-form-sorry-text {
  font-weight: 700;
  margin-bottom: 10px;
}

.article-votes-form-no .article-votes-button {
  margin-bottom: 20px;
}