.cre{ position:fixed; z-index:909090; bottom:15px; right:15px; font-family:'Arial', 'Helvetica', sans-serif; border-radius:100%; font-size:10px; text-align:center; cursor:pointer;}.cre div{ display:inline-block; position:relative; width:10px; height:10px; border-radius:100%; border:1px #444 solid;}.cre div:before{ content:'◡'; position:absolute; font-size:8px; left:3px; right:0; margin:auto; top:2px; top:calc(50% - 3px); }.cre:hover div:before{ content:'•'; top:2px; top:calc(50% - 3px);}.cre li{ list-style-type:none; text-align:center; display:block; margin:0!important; padding:0!important; position:relative; left:1px; top:-6px; opacity:0;}.cre:hover li{ opacity:1; transition:0s .3s; -webkit-transition:0s .3s;}.blurb{ font-family:'Consolas', 'Courier New', monospace; font-size:9px; position:relative; top:3px;}.blurb:before{ height:8px; display:block; content:'';}.cre:hover .blurb{ transition:0s .6s; -webkit-transition:0s .6s;}@media(min-width:0px) and (max-width:1025px){ .cre .blurb, .cre li{ opacity:1; } .cre div:before, .cre:hover div:before{ content:'•'!important; left:3px; top:0px;}}