.donut-chart { position: relative; display: inline-flex; align-items: center; justify-content: center; }
.donut-ring { position: absolute; inset: 0; border-radius: 50%; mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #fff calc(100% - 5px)); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #fff calc(100% - 5px)); }
.donut-center { font-size: 0.7rem; font-weight: 700; color: var(--bs-body-color); z-index: 1; }