$spaces-types: (
  '0': $size-spacing-none,
  'xs': $size-spacing-xs,
  's': $size-spacing-s,
  'm': $size-spacing-m,
  'l': $size-spacing-l,
  'xl': $size-spacing-xl,
  '2xl': $size-spacing-xxl,
  '3xl': $size-spacing-xxxl,
);
@include create-z-index(10);
@include create-paddings($spaces-types);
@include create-margins($spaces-types);

// border
.border-bottom {
  border-bottom: 1px solid $color-grey-95;
}

.ripple {
  position: relative;
  @extend .z-2;
}