@import '@/styles/responsive.scss';
@import 'rfs/scss';

.paymentItemCard {
  position: relative;
  box-shadow: 4px 6px 10px 0px rgba(56, 124, 68, 0.15);
  border: 1px solid rgba(56, 124, 68, 0.2);

  border-radius: 15px;
  background: #fff;

  padding: 20px;

  width: 100%;
  height: 93px;

  .paymentIcon {
    position: absolute;
    right: 10px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;

    &.active {
      opacity: 1;
    }
  }

  @include small-screen {
    padding: 10px;
    img {
      width: 50px;
    }

    .paymentIcon {
      width: 20px;
      height: 20px;

      svg {
        max-width: 100%;
      }
    }
  }
}