@import "@css[shared]/modules/bonus-program/_bonus-points";

.bonus-points {
   margin-bottom: 20px;
   padding-left: 40px;
   position: relative;
   border: 1px solid $border-color;
   border-radius: 5px;
   font-size: 12px;

   &::before {
      @include fonticon;

      content: $icons_bonus;
      color: $text-dark;
      display: flex;
      align-items: center;
      font-size: 24px;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 40px;
   }

   strong {
      white-space: nowrap;
   }

   p:last-child {
      margin-bottom: 0;
   }
}

.bonus-points-cart {
   margin-bottom: 2rem;
}

.bonus-points-product {
   background-color: unset;
   padding: 12px 6px 12px 45px;

   &::before {
      justify-content: center;
      width: 50px;
   }
}
