#add-to-calendar-checkbox-label {
  cursor: pointer;
}

.add-to-calendar-checkbox ~ a {
  display: inline-block;
}

.add-to-calendar-checkbox:checked ~ a {
  display: inline-block;
  width: 150px;
  margin-left: 20px;
}

input[type=checkbox].add-to-calendar-checkbox {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.icon-ical:before {
  background-position: -68px 0;
}

.icon-outlook:before {
  /*this is the default icon*/
}

.icon-yahoo:before {
  background-position: -36px +4px;
}

.icon-google:before {
  background-position: -52px 0;
}