/* ----------------------------- */
/* ==buttons */
/* ----------------------------- */
/* title, error... */
/* navigation *//* against motion*/
/* icon... */
/* text and some title */
/* */
/* for banner yellow */
/* success */
.btn-like {
  display: inline-block;
  padding: 12px;
  font-size: 1.1428571428571428em;
  border-radius: 3px;
}
.btn-like.btn-ylw {
  /* Yellow */

  font-size: 1em;
  font-weight: bold;
  color: #855121;
  background: #fffcfd;
  border: 1px solid #f19b1f;
}
.btn-like.btn-ylw .icon {
  color: #f19b1f;
}
.btn-like.btn-red {
  /* Red */

  color: #fff;
  background: #84152d;
}
.btn-like.btn-red-arrow {
  /* Red with ar arrow */

  font-size: 1em;
  padding: 7px 12px 9px;
  font-weight: bold;
  color: #fff;
  background: #a31d3d;
  border: 1px solid #84152d;
  position: relative;
}
.btn-like.btn-red-arrow:before,
.btn-like.btn-red-arrow:after {
  content: ' ';
  position: absolute;
  top: -1px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0;
  right: 100%;
  left: auto;
  border-width: 19px 13px 19px 0;
  border-color: transparent #a31d3d transparent transparent;
  -webkit-transform: rotate(360deg);
}
.btn-like.btn-red-arrow:before {
  border-color: transparent #84152d transparent transparent;
  border-width: 20px 15px 20px 0;
  top: -2px;
}