.action-btn, .action-react .react-btn {
  display: inline-block;
  vertical-align: middle;
  height: 12px;
  line-height: 1;
  border-radius: 2px;
  padding: 6px 9px 4px 24px;
}

.action-btn-cancel, .action-react .react-cancel-dislike, .action-react .react-cancel-like {
  color: #CCCCCC;
  border: 1px solid #DFDFDF;
  background: #EDEDED;
}

.action-react {
  display: inline-block;
  margin-right: 10px;
}
.action-react .react-btn {
  background-position: 5px center;
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.action-react .react-like {
  color: #CA6445;
  background-color: #FBE9D9;
  background-image: url("../../pics/actions/ic_action_like@2x.png");
}
.action-react .react-like:link, .action-react .react-like:visited {
  border: 1px solid #FAD5B5;
}
.action-react .react-like:hover, .action-react .react-like:active {
  border: 1px solid #f8c79d;
}
.action-react .react-cancel-like {
  background-image: url("../../pics/actions/ic_action_liked@2x.png");
}
.action-react .react-dislike {
  background-color: #f2f2f2;
  background-position: center center;
  background-image: url("../../pics/actions/ic_thumb_down_s@2x.png");
}
.action-react .react-dislike:link, .action-react .react-dislike:visited {
  border: 1px solid #e5e5e5;
}
.action-react .react-dislike:hover, .action-react .react-dislike:active {
  background-color: #f0f0f0;
  border: 1px solid #e0e0e0;
}
.action-react .react-cancel-dislike {
  background-position: center center;
  background-image: url("../../pics/actions/ic_thumb_down_s_solid@2x.png");
}
.action-react .react-dislike .react-text,
.action-react .react-cancel-dislike .react-text {
  font-size: 0;
}