.x-guide {
  @extend %mt-auto,
          %py-3,
          %pb-3,
          %pt-0;

  figure {
    @extend %mb-0;
  }

  .x-guide-content {
    @extend %px-3;

    h6 {
      @extend %text-secondary-darker;
    }

    p {
      @extend %font-size-xs;
    }
  }
}

.x-guide-popper {
  @extend %p-0,
          .border-0,
          .rounded,
          %mt-2,
          .border;
  max-width: 15rem;
  background-color: $white;
  box-shadow: $popover-box-shadow !important;
}