dl.pie-chart{position:relative;margin:1em auto;width:200px;height:200px;border-radius:50%;color:#fff;font-family:var(--font-serif);font-weight:bold;display:flex;justify-content:center;align-items:center;& dt{position:absolute;width:60%;color:#333;font-size:14px;text-align:center;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}& dd{position:absolute;display:flex;justify-content:center;align-items:center;left:50%;top:50%;margin:0;z-index:2;padding:2px 4px;background-color:rgba(0,0,0,.3);border-radius:4px}}