.cart-tooltip {
  position: relative;
  cursor: pointer;
}
.cart-tooltip__title {
  line-height: 32px;
  display: inline-block;
  position: relative;
  padding-left: 11px;
}
.cart-tooltip__title:after {
  position: absolute;
  content: '';
  left: 0;
  top: 10px;
  width: 6px;
  height: 9px;
  text-align: center;
  color: #ed0f00;
  display: block;
  box-sizing: border-box;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='16' viewBox='0 0 10 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.569 0L0 1.516 6.707 8 0 14.484 1.568 16l8.278-8z' fill-rule='nonzero' fill='%23ED0F00'/%3E%3C/svg%3E") center no-repeat;
  background-size: contain;
}
.cart-tooltip:hover .cart-tooltip__text {
  visibility: visible;
}
.cart-tooltip__text {
  visibility: hidden;
  width: 260px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  bottom: 0;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #979797;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  line-height: 16px;
  transform: translateY(calc(50% - 14px));
  z-index: 2;
}
.cart-tooltip__text:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent;
}
.cart-tooltip__text:before {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -7px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent #979797 transparent transparent;
}
.cart-tooltip--cvv {
  margin-left: 20px;
}
.cart-tooltip--cvv .cart-tooltip__title {
  margin-top: 16px;
}
.cart-tooltip--cvv .cart-tooltip__text {
  right: -272px;
  bottom: 15px;
}
.cart-tooltip--secure {
  display: inline-block;
}
.cart-tooltip--secure .cart-tooltip__text {
  right: -312px;
  bottom: 3px;
  width: 300px;
}
@media (max-width: 768px) {
  .cart-tooltip {
    text-align: right;
    width: 100%;
  }
  .cart-tooltip__text {
    width: 100%;
  }
  .cart-tooltip__text:after {
    content: " ";
    position: absolute;
    top: -5px;
    right: 5%;
    margin-right: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgba(255, 255, 255, 0.9) transparent;
  }
  .cart-tooltip__text:before {
    content: " ";
    position: absolute;
    top: -7px;
    right: 5%;
    margin-right: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #979797 transparent;
  }
  .cart-tooltip--cvv .cart-tooltip__text,
  .cart-tooltip--secure .cart-tooltip__text {
    right: 0;
    bottom: initial;
    bottom: auto;
    top: -20px;
  }
  .cart-tooltip--cvv .cart-tooltip__text {
    top: 0;
  }
}