.cart-voucher {
   $pricebox-bg: $body-bg-alt !default;

   margin-bottom: 16px;
   position: relative;

   a {
      @include underline-never;

      background: $pricebox-bg;
      color: $text-dark;
      display: flex;
      align-items: center;
      font-size: $font-size-base;
      height: 100%;
      transition: all $transition-speed;

      &::before {
         @include fonticon;

         content: $icons_scissors;
         margin-right: 12px;
      }

      @if mixin-exists(voucher-btn) {
         @include voucher-btn;
      } @else {
         font-weight: $font-weight-bold;
         letter-spacing: $letter-spacing-lg;
         padding: 4px 34px 0;
         text-transform: uppercase;

         @include haf {
            background: $brand-ctr;
            color: $white;
         }
      }
   }

   p {
      background: $body-bg;
      margin: 0;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 4; // vic nez input group
   }

   &.voucher-visible p {
      display: none;
   }
}

.cart-vouchers-active {
   line-height: $line-height-sm;
   padding: 10px 20px 0;
   width: 100%;

   .item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 6px 0;
   }

   .title {
      padding-right: 8px;
   }

   strong {
      color: $text-dark;
   }

   @media screen and (max-width: $xs) {
      padding: 8px 5px 0;

      .item {
         flex-wrap: wrap;
      }
   }
}
