.template:before{background-image:radial-gradient(#fff,#fff,aqua)}
.tpl{
  font-weight:bold;
  font-variant:small-caps
}
.tpl:before{
  color:aqua;
  text-shadow:var(--3DshadowA3)
}
.tpl p:before{
    color:#0ff
}
.template:hover .tpl p:before{
  color:red
}
.tpl p:after{
  -webkit-mask-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,.9));
  mask:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,.9))
}
#dropbox:after{content:"hover\a Waiting for Firefox CSS mask"}