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

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

.add-to-calendar-checkbox:checked ~ a {
  display: block;
  margin: 0 auto;
  background: #fff;
  color: #333;
  padding: 4px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

input[type=checkbox].add-to-calendar-checkbox {
  display: none;
}

.add-to-calendar-checkbox ~ a:before {

}

.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;
}