.fine-icon{display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;margin-right:5px;width:2rem;height:2rem;overflow:hidden;color:red;position:relative}
.fine-icon .fine-icon-circle1{position:absolute;left:0;top:0;width:2rem;height:2rem;background-color:red;border-radius:50%}
.fine-icon .fine-icon-circle2{position:absolute;left:calc(50% - (2rem - 10px)/ 2);top:calc(50% - (2rem - 10px)/ 2);width:calc(2rem - 10px);height:calc(2rem - 10px);background-color:#fff;border-radius:50%}
.fine-icon .fine-text{font-size:.75rem;font-weight:700;line-height:1;color:red;display:block;position:absolute;top:calc(50% - (.75rem / 2));left:0;width:100%;text-align:center;text-shadow:-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff,-1px 0 0 #fff,0 0 0 #fff,1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 1px 0 #fff;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}