.circle-container{display:flex;flex-direction:column;align-items:center;text-align:center}.circle{width:120px;height:120px;background:conic-gradient(#a49777 calc(var(--percentage) * 1%),#e5e0da calc(var(--percentage) * 1%));position:relative}.circle,.inner-circle{border-radius:50%;display:flex;align-items:center;justify-content:center}.inner-circle{width:66%;height:66%;background:#fffefa;position:absolute;font-size:16px}