.btn-red {
  color: red;
  border: 1px solid red
}
.btn-red:before {
  background-color: red
}
a.btn-red:link,
a.btn-red:visited {
  color: red
}
a.btn-red:focus,
a.btn-red:hover {
  color: #fff
}
.btn-red-close {
  color: red
}
a.btn-red-close:link,
a.btn-red-close:visited {
  color: red
}
a.btn-red-close:focus,
a.btn-red-close:hover {
  color: #900
}
.btn-purple {
  color: #753bbd;
  border: 1px solid #753bbd
}
.btn-purple:before {
  background-color: #753bbd
}
a.btn-purple:link,
a.btn-purple:visited {
  color: #753bbd
}
a.btn-purple:focus,
a.btn-purple:hover {
  color: #fff
}
.btn-pink {
  color: #c6007e;
  border: 1px solid #c6007e
}
.btn-pink:before {
  background-color: #c6007e
}
a.btn-pink:link,
a.btn-pink:visited {
  color: #c6007e
}
a.btn-pink:focus,
a.btn-pink:hover {
  color: #fff
}
.btn-green {
  color: #78be20;
  border: 1px solid #78be20
}
.btn-green:before {
  background-color: #78be20
}
a.btn-green:link,
a.btn-green:visited {
  color: #78be20
}
a.btn-green:focus,
a.btn-green:hover {
  color: #fff
}
.btn-orange {
  color: #ff671f;
  border: 1px solid #ff671f
}
.btn-orange:before {
  background-color: #ff671f
}
a.btn-orange:link,
a.btn-orange:visited {
  color: #ff671f
}
a.btn-orange:focus,
a.btn-orange:hover {
  color: #fff
}
.btn-gold {
  color: gold;
  border: 1px solid gold
}
.btn-gold:before {
  background-color: gold
}
a.btn-gold:link,
a.btn-gold:visited {
  color: gold
}
a.btn-gold:focus,
a.btn-gold:hover {
  color: #fff
}
/* File download icons*/
.file-icon {
  position:relative;
  align-items: center;
  display: flex;
  list-style: none;
}
p.file-icon {
  padding-left:46px
}
li.file-icon {
  padding-left: 16px
}
.file-icon:before {
  content: "";
  background-repeat: no-repeat;
  background-image: url(https://www.chemistryworld.com/css/dest/graphics/output/sprite.css-3c7a68de.svg);
  background-position: -437px -200px; 
  width: 28px;
  height: 32px;
  position: absolute;
}
p.file-icon:before {
  left:0
  }
li.file-icon:before {
 left:-30px
  }
.file-icon-pdf:before {
  background-position: -437px -136px; 
  width: 28px;
  height: 32px;
}
.file-icon-doc:before {
  background-position: -437px -104px; 
  width: 28px;
  height: 32px;
}
.file-icon-xls:before {
  background-position: -437px -72px; 
  width: 28px;
  height: 32px;
}
.file-icon-ppt:before {
  background-position: -437px -168px; 
  width: 28px;
  height: 32px;
}
.file-icon-txt:before {
  background-position: -437px -232px; 
  width: 28px;
  height: 32px;
}
time {
  position:relative;
  align-items: center;
  display: inline-flex;
  list-style: none;
  padding-left: 20px;
  font-family: var(--sans-serif);
  color: #888;
  font-weight: 600;
}
time:before {
  content: "";
  background-repeat: no-repeat;
  background-image: url(https://www.chemistryworld.com/css/dest/graphics/output/sprite.css-3c7a68de.svg);
  background-position: -161px -403px; 
  width: 16px;
  height: 16px;
  position: absolute;
  left:0;
}
.factfile time {
  color: #222;
}
.factfile time:before {
  filter: brightness(0%);
}
.factfile.factfile_dark time {
  color: #fff;
}
.factfile.factfile_dark time:before {
  filter: brightness(200%);
}