@each $gutter in $size-levels {
  .remove-gutter-#{$gutter} {
    margin-left:                                            ($grid-gutter-width / 2) * ($gutter * -1);
    margin-right:                                           ($grid-gutter-width / 2) * ($gutter * -1);
    &.card-header, .card-body > & {
      margin-left:                                          $card-spacer-x * -1 !important;
      margin-right:                                         $card-spacer-x * -1 !important;
    }
  }

  .remove-gutter-l-#{$gutter} {
    margin-left:                                            ($grid-gutter-width / 2) * ($gutter * -1);
    &.card-header, .card-body > & {
      margin-left:                                          $card-spacer-x * -1 !important;
    }
  }
  .remove-gutter-r-#{$gutter} {
    margin-right:                                           ($grid-gutter-width / 2) * ($gutter * -1);
    &.card-header, .card-body > & {
      margin-right:                                         $card-spacer-x * -1 !important;
    }
  }
}