.toolTipBtn[data-hover-icon]:hover img {
  content: url(attr(data-hover-icon));
}

.toolTipBtn {
 /** background-image: url('original-icon-url.png'); */
}

.toolTipBtn[data-hover-icon]:hover {
  background-image: url(attr(data-hover-icon));
}

/* Mobile touch support for plan selector tooltips */
.TooltipPopover-module__tooltipIcon.Price-module__toolTip {
  position: relative;
  cursor: pointer;
}

/* Show tooltip on hover (desktop) and when touch-active class is present (mobile) */
.TooltipPopover-module__tooltipIcon.Price-module__toolTip:hover .tooltipCloud,
.TooltipPopover-module__tooltipIcon.Price-module__toolTip.tooltip-touch-active .tooltipCloud,
.TooltipPopover-module__tooltipIcon.Price-module__toolTip:hover > .tooltipCloud,
.TooltipPopover-module__tooltipIcon.Price-module__toolTip.tooltip-touch-active > .tooltipCloud {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure tooltip content is visible on touch */
.TooltipPopover-module__tooltipIcon.Price-module__toolTip.tooltip-touch-active {
  z-index: 100;
}

/* If tooltip content is directly in the span, make it visible on touch */
@media (hover: none) and (pointer: coarse) {
  .TooltipPopover-module__tooltipIcon.Price-module__toolTip.tooltip-touch-active {
    position: relative;
  }
  
  /* Show tooltip cloud if it exists as a child */
  .TooltipPopover-module__tooltipIcon.Price-module__toolTip.tooltip-touch-active .tooltipCloud {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}