.bx-wrapper {
  margin-bottom: 2em;

  .bx-viewport {
    border: 0;
    box-shadow: none;
    left: 0;
  }

  .bx-pager {
    bottom: 35px;
    right: 15px;
    width: auto;

    &.bx-default-pager {
      a {
        background: none;
        border: solid 1px $color-background-primary;
        border-radius: 50%;

        &:hover,
        &.active {
          background-color: $color-background-primary;
        }
      }
    }
  }

  .bx-controls {
    position: relative;
    z-index: 111;
  }
}
