button[disabled] {
  opacity: .4;
  cursor: not-allowed;
  box-shadow: none;
  pointer-events: none; }

.btn {
  border-radius: 3px;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  display: inline-block;
  height: 2rem;
  outline: none;
  padding: 0 1rem;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  vertical-align: middle;
  color: #222;
  background-color: #fff;
  border: 1px solid #f2f2f2; }
  .btn:hover {
    background-color: #e6e6e6;
    border-color: #d9d9d9; }
  .btn[disabled] {
    opacity: .4;
    cursor: not-allowed;
    box-shadow: none;
    pointer-events: none; }

.btn + .btn {
  margin-left: .5rem; }

.btn-icon {
  text-decoration: none;
  color: #555;
  color: #555555;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0); }
  .btn-icon:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0); }

.btn--ghost {
  box-shadow: none !important;
  color: #222222;
  background-color: #fff;
  border: 1px solid #f2f2f2; }
  .btn--ghost:hover {
    background-color: #e6e6e6;
    border-color: #d9d9d9; }

.btn--primary {
  color: #ffffff;
  background-color: #4f93ce;
  border: 1px solid #3b87c8; }
  .btn--primary:hover {
    background-color: #337ab7;
    border-color: #2d6ca3; }

.btn--success {
  color: #ffffff;
  background-color: #3c8b3c;
  border: 1px solid #347934; }
  .btn--success:hover {
    background-color: #2d672d;
    border-color: #255625; }

.btn--warning {
  color: #222222;
  background-color: #f0ad4e;
  border: 1px solid #eea236; }
  .btn--warning:hover {
    background-color: #ec971f;
    border-color: #df8a13; }

.btn--danger {
  color: #ffffff;
  background-color: #d9534f;
  border: 1px solid #d43f3a; }
  .btn--danger:hover {
    background-color: #c9302c;
    border-color: #b52b27; }

/****************************************************************************************
 * SIZES
 ****************************************************************************************/
.btn--small {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.btn--medium {
  padding-left: 1rem;
  padding-right: 1rem; }

.btn--large {
  padding-left: 2rem;
  padding-right: 2rem; }

.btn--largest {
  padding-left: 4rem;
  padding-right: 4rem; }

.btn--block {
  display: block;
  width: 100%;
  margin: 0;
  height: 30px;
  font-size: 1.2em; }

.btn--fill {
  width: 100%; }

/*# sourceMappingURL=buttons.css.map */