@import '../grid/variables';

@function get-page-container-spacing($container-width, $grid-gutter-width: 28px) {
  @return calc((100vw - (#{$container-width} - #{$grid-gutter-width})) / 2);
}

@mixin scroll-button-offset-position {
  $button-offset: 15px;

  @each $breakpoint, $container-max-width in $container-max-widths {
    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
      $page-container-spacing: get-page-container-spacing($container-max-width);
  
      margin-right: calc(#{$page-container-spacing} * -1 + #{$button-offset});
    }
  }
}