div.product-addon{margin:1em 0}h3.addon-name{margin-top:0}div.addon-description p{margin-bottom:.5em;font-style:italic}dl.product-addon-totals{margin-bottom:1em;overflow:hidden}dl.product-addon-totals dt{width:50%;float:left;clear:left}dl.product-addon-totals dd{float:left}.addon-alert{display:none;color:red}
/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .popup span img {
      border-radius: 10px;
  }
  /* The actual popup */
  .popup span {
    visibility: hidden;
    width: 500px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    /* padding: 8px 0; */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    /* left: 50%; */
    margin-left: -80px;
  }
  
  /* Popup arrow */
  .popup span::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 25%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  /* Toggle this class - hide and show the popup */
  .popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  }
  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
  }
  
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  }

  @media only screen and (max-width: 600px) {
    .popup span {
      width: 350px;
      left: 90%;
    }
  }