@import (reference) "../bootstrap/variables";
@import (reference) "../bootstrap/mixins/vendor-prefixes";
@import (reference) "../bootstrap/mixins/border-radius";

.btn-label-right {
  position: relative;
  right: @padding-base-horizontal * -1;
  display: inline-block;
  padding: @padding-base-vertical @padding-base-horizontal;
  background: rgba(0, 0, 0, 0.15);
  .border-right-radius(@border-radius-base);
}

.btn-label-left {
  position: relative;
  left: @padding-base-horizontal * -1;
  display: inline-block;
  padding: @padding-base-vertical @padding-base-horizontal;
  background: rgba(0, 0, 0, 0.15);
  .border-left-radius(@border-radius-base);
}

.btn-label {
  position: relative;
  left: @padding-base-horizontal * -1;
  display: inline-block;
  padding: @padding-base-vertical @padding-base-horizontal;
  background: rgba(0, 0, 0, 0.15);
  .border-left-radius(@border-radius-base);
}

.btn-labeled {
  padding-top: 0;
  padding-bottom: 0;
}