.cherry5-ui-button {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  font-weight: 900;
  letter-spacing: 0.5px;
  text-decoration: none;
  padding: 15px 20px;
  color: #23282d;
  text-transform: uppercase;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear; }
  .cherry5-ui-button:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    content: ''; }
  .cherry5-ui-button:hover:before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%); }
  .cherry5-ui-button:active:before {
    opacity: 0; }
  .cherry5-ui-button.cherry5-ui-button-normal-style {
    color: #23282d;
    border-color: #d7d7d7 #b7b7b7 #b7b7b7 #d7d7d7;
    background-color: #f0f0f0; }
    .cherry5-ui-button.cherry5-ui-button-normal-style:active {
      background-color: #e1e1e1;
      border-color: #9e9e9e #d7d7d7 #d7d7d7 #9e9e9e; }
  .cherry5-ui-button.cherry5-ui-button-success-style {
    color: #ffffff;
    border-color: #49c56a #3a9e54 #3a9e54 #49c56a;
    background-color: #49c66a; }
    .cherry5-ui-button.cherry5-ui-button-success-style:active {
      background-color: #3ba956;
      border-color: #2c7940 #49c56a #49c56a #2c7940; }
  .cherry5-ui-button.cherry5-ui-button-primary-style {
    color: #ffffff;
    border-color: #5b9add #3e6a99 #3e6a99 #5b9add;
    background-color: #2a90fc; }
    .cherry5-ui-button.cherry5-ui-button-primary-style:active {
      background-color: #206ff4;
      border-color: #2f5175 #5b9add #5b9add #2f5175; }
  .cherry5-ui-button.cherry5-ui-button-secondary-style {
    color: #ffffff;
    border-color: #777879 #41464d #41464d #777879;
    background-color: #495159; }
    .cherry5-ui-button.cherry5-ui-button-secondary-style:active {
      background-color: #495159;
      border-color: #2a2d31 #777879 #777879 #2a2d31; }
  .cherry5-ui-button.cherry5-ui-button-danger-style {
    color: #ffffff;
    border-color: #e54444 #b83636 #b83636 #e54444;
    background-color: #e64545; }
    .cherry5-ui-button.cherry5-ui-button-danger-style:active {
      background-color: #c73434;
      border-color: #912a2a #e54444 #e54444 #912a2a; }
  .cherry5-ui-button.cherry5-ui-button-warning-style {
    color: #ffffff;
    border-color: #faa832 #c98627 #c98627 #faa832;
    background-color: #faa832; }
    .cherry5-ui-button.cherry5-ui-button-warning-style:active {
      background-color: #ee8425;
      border-color: #9e6a1f #faa832 #faa832 #9e6a1f; }
/*# sourceMappingURL=ui-button.css.map */