.progress-pie {
    width: 22.5px;
    height: 22.5px;
    border-radius: 50%;
    background: conic-gradient( #198754 calc(var(--p) * 1%), #e9ecef 0 );
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.60rem;
    color: #000;
    border: 1px solid #198754;
}

.progress-pie-text {
    color: black;
    text-shadow: -.5px -.5px 0 white, .5px -.5px 0 white, -.5px .5px 0 white, .5px .5px 0 white;
}