@use "../../theme.scss" as *;
@use "../../libs/css/mixin.scss" as *;

@include b(swipe-action) {
  position: relative;
  overflow: hidden;
  @include m(left) {
    left: 0;
    transform: translate3d(-100%, 0, 0);
    position: absolute;
    top: 0;
    height: 100%;
  }
  @include m(right) {
    right: 0;
    transform: translate3d(100%, 0, 0);
    position: absolute;
    top: 0;
    height: 100%;
    &__action {
      display: flex;
      align-items: center;
      height: 100%;
      &-btn {
        padding: 0 15px;
        line-height: 46px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFFFFF;
      }
    }
  }
}