.bimdata-carousel {
  --button-size: 44px;

  position: relative;

  &__container {
    overflow-x: hidden;

    // Here is a hack to make overflow-y visible
    // See: https://stackoverflow.com/q/6421966/8298197
    margin: -28px 0;
    padding: 28px 0;

    &__slider {
      position: relative;
      transition: transform 0.5s ease-out;
    }
  }

  &__btn-prev,
  &__btn-next {
    position: absolute;
    z-index: 2;
    top: calc(50% - var(--button-size) / 2);
    width: var(--button-size);
    height: var(--button-size);
    box-shadow: var(--box-shadow);
  }

  &__btn-prev {
    left: calc(0px - var(--button-size) / 2);
  }

  &__btn-next {
    right: calc(0px - var(--button-size) / 2);
  }
}