.add-to-cart-notify {
   position: fixed;
   width: 312px;
   padding: 18px 14px 14px 70px;
   height: 93px;
   background: $body-bg;
   border: 1px solid $border-color;
   //box-shadow: $box-shadow;
   text-align: left;
   z-index: 50;
   top: 50%;
   right: 0;
   transform: translateY(-50%);
   opacity: 0;
   display: none;
   transition: all $transition-speed;

   .decor-line {
      position: absolute;
      left: 0;
      top: 0;
   }

   > .fc {
      position: absolute;
      color: $green;
      font-size: 20px;
      left: 32px;
      top: calc(50% - 10px);

      &::after {
         content: "";
         position: absolute;
         width: 10px;
         height: 10px;
         border: 2px solid $body-bg;
         background-color: $brand-ctr;
         border-radius: 50%;
         right: -5px;
         top: -1px;
      }
   }

   p {
      margin: 0;
      line-height: 1.2;
      font-size: $font-size-smaller;
   }

   .legend {
      color: $text-muted;
      margin-bottom: 5px;
   }

   .title {
      height: 16px;
      overflow: hidden;
      font-weight: $font-weight-bold;
      font-size: $font-size-smaller;
      margin-bottom: 5px;
      -webkit-line-clamp: 1;
      display: -webkit-box;
      -webkit-box-orient: vertical;

      a {
         @include underline-hover;

         color: $black;
      }
   }

   .pieces {
      color: $body-color;
      font-weight: 400;
   }
}

.add-to-cart-notify.active,
.add-to-cart-notify:hover {
   opacity: 1;
   display: block;
}

.btn-product-added + .add-to-cart-notify {
   opacity: 1;
   display: block;
}
