.btn {
  &.btn-icon-left {
    padding-left: $input-btn-padding-y;

    .uex-icon {
      margin-right: $input-btn-padding-y / 2;
      font-size: $font-size-base * 1.5;
      width: $font-size-base * 1.5;
    }

    // Size variations
    &.btn-xs,
    .btn-group-xs & {
      padding-left: $input-btn-padding-y-xs;

      .uex-icon {
        margin-right: $input-btn-padding-y-xs / 2;
        font-size: $font-size-xs * 1.5;
        width: $font-size-xs * 1.5;
      }
    }
    &.btn-sm,
    .btn-group-sm & {
      padding-left: $input-btn-padding-y-sm;

      .uex-icon {
        margin-right: $input-btn-padding-y-sm / 2;
        font-size: $font-size-sm * 1.5;
        width: $font-size-sm * 1.5;
      }
    }
    &.btn-lg,
    .btn-group-lg & {
      padding-left: $input-btn-padding-y-lg;

      .uex-icon {
        margin-right: $input-btn-padding-y-lg / 2;
        font-size: $font-size-lg * 1.5;
        width: $font-size-lg * 1.5;
      }
    }
    &.btn-xl,
    .btn-group-xl & {
      padding-left: $input-btn-padding-y-xl;

      .uex-icon {
        margin-right: $input-btn-padding-y-xl / 2;
        font-size: $font-size-xl * 1.5;
        width: $font-size-xl * 1.5;
      }
    }
  }
}