@keyframes countdown {
    from {
        stroke-dasharray: 0 280;
    }
    to {
        stroke-dasharray: 280 0;
    }
}

/* Çevresindeki çember için temel stil */
.blue {
    fill: none;
    stroke: #3498db;
    stroke-width: 8;
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s linear;
}

.white {
    fill: none;
    stroke: #f0f0f0;
    stroke-width: 8;
}