.countdown-ring {
  /*  width: 100%;
    height: 100%;*/
}

.ring-background {
    fill: none;
    stroke: #e0e0e0;
    stroke-width: 3;
}

.ring-progress {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    /* transform: rotate(-90deg);
    transform-origin: center;*/
    transition: stroke-dashoffset 0.5s ease-in-out;
}

.ring-text {
    font-size: 26px;
    fill: #333;
    font-family: 'Segoe UI', sans-serif;
}