.circular-progress {
    width: 125px;
    height: 125px;
    margin: 1rem;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background: conic-gradient(var(--primary-color) 0deg,transparent 0deg);
    display: none;

}

.inner-circle {
    position: absolute;
    width: calc(125px - 15px);
    height: calc(125px - 15px);
    border-radius: 50%;
    background-color: var(--bg-color);
}

.percentage {
    position: relative;
    font-size: 2rem;
}