// 3D buttons
// --------------------------------------------------

.btn-unflat-default {
  .button-variant-unflat(@btn-default-color; @btn-default-bg; @btn-default-border);
}
.btn-unflat-primary {
  .button-variant-unflat(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
}
// Warning appears as orange
.btn-unflat-warning {
  .button-variant-unflat(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
}
// Danger and error appear as red
.btn-unflat-danger {
  .button-variant-unflat(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
}
// Success appears as green
.btn-unflat-success {
  .button-variant-unflat(@btn-success-color; @btn-success-bg; @btn-success-border);
}
// Info appears as blue-green
.btn-unflat-info {
  .button-variant-unflat(@btn-info-color; @btn-info-bg; @btn-info-border);
}

// Transparent buttons
// --------------------------------------------------

.btn-trans-default {
  .button-variant-trans(#01679b; #216689);
}
.btn-trans-primary {
  .button-variant-trans(@btn-primary-color; @btn-primary-border);
}
// Warning appears as orange
.btn-trans-warning {
  .button-variant-trans(@btn-warning-color; @btn-warning-border);
}
// Danger and error appear as red
.btn-trans-danger {
  .button-variant-trans(@btn-danger-color; @btn-danger-border);
}
// Success appears as green
.btn-trans-success {
  .button-variant-trans(@btn-success-color; @btn-success-border);
}
// Info appears as blue-green
.btn-trans-info {
  .button-variant-trans(@btn-info-color; @btn-info-border);
}

// Info appears as blue-green
.btn-trans-white {
  .button-variant-trans(#fff; #fff);
}

// Info appears as blue-green
.btn-trans-black {
  .button-variant-trans(#111; #111);
}