/**
 * Builder Module Button Styles
 */

.module-button-content.ui {
  background-color: transparent;
}

.module-button .button {
  margin: 0;
  text-decoration: none;
  color: #000;
  border: 1px solid #ccc;
  padding: 4px 8px;
  display: inline-block;
  bottom: 0;
  left: 0;
  font-family: 'NeoSansProCyr';
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
}

.module-button .module-button-content {
  display: inline-block;
}

.module-button .button:hover, .module-button .button:focus {
  color: #fff;
}

.module-button .button-default:hover, .module-button .button-default:focus {
  background-color: #999;
}
.module-button .button-blue:hover, .module-button .button-blue:focus {
  background-color: #18a3dc;
}

.module-button .button-green:hover, .module-button .button-green:focus {
  background-color: #53a536;
}

.module-button .button-pink:hover, .module-button .button-pink:focus {
  background-color: #c51b78;
}

.module-button .button-light-green:hover, .module-button .button-light-green:focus {
  background-color: #9dc225;
}

.module-button .button-yellow:hover, .module-button .button-yellow:focus {
  background-color: #ffd400;
}

.module-button .button-red:hover, .module-button .button-red:focus {
  background-color: #d62422;
}

.module-button .button-orange:hover, .module-button .button-orange:focus {
  background-color: #f39400;
}

.module-button .button-rose:hover, .module-button .button-rose:focus {
  background-color: #f00054;
}

@media screen and (max-width: 680px) {
  .module-button .button {
    margin-bottom: 15px;
  }
}