.action-links {
  width: 25%;
}

table.product-downloads a.download-button,
table.product-downloads a.info-button {
  width: calc(100% - 60px);
}

.tooltip-download-wrapper {
  position: relative;
  margin-bottom: 5px;
}

.tooltip-wrapper {
  position: absolute;
  right: 7px;
  top: 50%;
  margin-top: -10px;
}


.tooltip-inline-row {
	position:relative;
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 0;
  color: #ccc;
  cursor: pointer;
	z-index:9999;
  width: 17px;
}

.tooltip-description {
  position: absolute;
	padding:15px;
  background: #fff;
  font-size: 14px;
  color: #333;
  width: 300px;
	left: -280px;
	top:0;
	-ms-transform: rotate(0) translate(0, calc(-100% - 10px));
	-webkit-transform: rotate(0) translate(0, calc(-100% - 10px));
	transform: rotate(0) translate(0, calc(-100% - 10px));
  -ms-transition: opacity .3s ease-out;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
	opacity: 0;
	visibility: hidden;
	line-height:1.4em;
	z-index:10000;
  -webkit-box-shadow: 1px 1px 10px 0px #ccc;
  box-shadow: 1px 1px 10px 0px #ccc;
}

.tooltip-description:after {
	content: '';
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
	right:15px;
  bottom: 2px;
  background: #fff;
  -ms-transform: rotate(45deg) translate(100%, 0);
  -webkit-transform: rotate(45deg) translate(100%, 0);
  transform: rotate(45deg) translate(100%, 0);
	z-index:10001
}

.tooltip-inline-row .tooltip-icon {
  font-size: 20px;
}

.tooltip-inline-row .tooltip-icon.tooltip-warning-icon {
  color:red;
}

.tooltip-inline-row .tooltip-icon.tooltip-warning-icon:hover {
	color:#e74c3c;
}

.tooltip-inline-row .tooltip-icon.tooltip-info-icon {
  color:#333;
}

.tooltip-inline-row .tooltip-icon.tooltip-info-icon:hover {
	color:#757575;
}

.tooltip-inline-row .tooltip-icon:hover ~ .tooltip-description {
	visibility: visible;
	opacity: 1;
}

@media screen and (min-width: 0) and (max-width: 480px) {

  .action-links {
    width: 68%;
  }

  table.product-downloads a.download-button,
  table.product-downloads a.info-button {
    font-size: 7px;
    padding: 2px 10px;
  }

  table.product-downloads td {
      padding: 25px 5px;
  }

  table.product-downloads td.action-links {
      padding: 25px 0px;
  }

}

@media screen and (min-width: 481px) and (max-width: 600px) {

  .action-links {
    width: 50%;
  }

}

@media screen and (min-width: 601px) and (max-width: 992px) {

  .action-links {
    width: 40%;
  }

  table.product-downloads a.download-button,
  table.product-downloads a.info-button {
    font-size: 10px;
  }

}