.bonus-points {
   margin-bottom: 2rem;
   padding-left: 40px;
   position: relative;

   &::before {
      @include fonticon;

      content: $icons_trophy;
      color: $text-dark;
      display: flex;
      align-items: center;
      font-size: 20px;
      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: $body-bg-alt;
   padding: 14px 12px 14px 50px;

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