.x-btn-icon {
	@extend .d-flex,
					.align-items-center;
  .x-icon-container {
    &:first-child {
      @extend .mr-2;
    }
  }
}



.x-btn-icon-only {
  @extend .d-flex,
          .align-items-center,
          .justify-content-center;

  .x-icon {
    @extend .x-icon-sm;

    &:first-child {
      @extend .mr-0;
    }
    &:last-child {
      @extend .ml-0;
    }
  }

  &.x-icon-md {
    .x-icon {
      @extend .x-icon-md;
    }
  }
}

.x-btn-icon-only-lg {
  @extend .x-btn-icon-only,
          .px-2;

  .x-icon-container {
    @extend .mx-1;
  }

  .x-icon {
    @extend .x-icon-lg;
  }
}