@import "instance";
@import "components/buttons";
@import "components/showcase_jersey";

.main_container {
    min-height: 100vh;
    padding: 0;

    .showcase_jersey {
      @include center-flex-column;
      min-height: 100vh;

      .wrapper_showcase_jersey {
        min-height: 100vh;

        .content_buy_now {
          left: 9%;

          @include brp($b7) {
            left: 50%;
          }

          .btn_fed {
            display: block;
          }

          .btn_fed_prev,
          .btn_fed_next {
            @include btn_controls;
            @include whs(35px);
            border: $bd2;
            position: absolute;
            top: 12px;

            &::before {
              @include wh(7px, 20px);
            }
          }

          .btn_fed_prev {
            left: -40px;

            @include brp($b7) {
              left: calc(50% - 130px);
              bottom: 0;
              top: auto;
            }
          }

          .btn_fed_next {
            left: auto;
            right: -40px;

            @include brp($b7) {
              right: calc(50% - 130px);
              bottom: 0;
              top: auto;
            }
          }
        }

        &.active {
          .content_buy_now {
            .btn_fed {
              display: none;
            }
          }
        }
      }
    }
}