.btn {
  padding: .75rem 1.45rem!important;
  font-size: .95rem;
  height: 36px;
  line-height: .7;
  border-radius: 0.2rem;
  box-shadow: $shadow-100;
}

.btn-group {
  .btn {
    box-shadow: none;
  }
  .btn:not(.btn-white):hover {
    box-shadow: $shadow-200;
  }
  .btn.btn-white {
    box-shadow: $btn-group-btn-shadow;
  }

  box-shadow: $shadow-100;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.7rem 1.3rem!important;;
  font-size: 0.6rem;
  line-height: 12px;
  height: 32px;
}


.btn-custom {
  background: $custom;
  border-color: $custom;
  color: $white;
}

.btn-custom:hover {
  color: $white;
  box-shadow: 0 8px 25px -8px $custom;
}

.btn-outline-custom {
  background: $white;
  border: 1px solid $custom;
  color: $custom;
  box-shadow: none;
}

.btn-outline-custom:hover {
  background: rgba($custom, .15);
  color: $custom;
}

.btn-white:hover {
  box-shadow: $btn-shadow-hover !important;
}

.btn-light {
  border-color: #f0f0f0!important;
  background-color: #f0f0f0!important;
  color: #444;
}

.btn-light:hover {
  box-shadow: $btn-shadow-hover!important;
  color: #444!important;
}

.btn-no-shadow {
  box-shadow: none;
}

.btn-outline-primary, .btn-outline-success, .btn-outline-danger, .btn-outline-info, .btn-outline-warning, .btn-outline-dark,
.btn-flat-primary, .btn-flat-success, .btn-flat-danger, .btn-flat-info, .btn-flat-warning, .btn-flat-dark {
  box-shadow: none;
}