.wallets {
  .slides {
    .swiper-container {
      width: 85% !important;
      overflow: visible;
    }
    .card {
      max-width: 350px;
      box-shadow:$subtle-box-shadow;
      @media (min-width: 500px) {
        & {
          width: 350px;
          position: relative;
          margin: 1.5rem auto 0;
        }
      }
      .item{
        padding:.7rem 1.5rem;
        span{
          clear:both;
          width: 100%;
          display: inline-block;
          &.wallet-name{
            margin-top:10px;
            margin-bottom:5px;
            font-size:14px;
          }
        }
        .big-icon-svg{
          & > .bg{padding:.3rem;width: 50px;height:50px;}
        }
      }
    }
    .swiper-slide {
      width: 100% !important;
      max-width: 450px;
      @media (min-width: 500px) {
        & {
          margin: 0 auto;
          display: block;
          float: none;
          max-width: none;
        }
        &.swiper-slide-next .card {
          float: left;
        }
        &.swiper-slide-prev .card {
          float: right;
        }
      }
      &.swiper-slide-prev,
      &.swiper-slide-next {
        opacity: .2;
      }
      &.swiper-slide-prev {
        left: -5%;
      }
      &.swiper-slide-next {
        left: 4%;
      }
    }
  }
  .swiper-pagination {
    visibility: hidden;
  }
}

.platform-browser {
  .wallets {
    .slides {
      .swiper-slide {
        &.swiper-slide-prev,
        &.swiper-slide-next {
          &:hover {
            opacity: 1;
          }
        }
      }
    }
  }
}