@keyframes rounded {
    0% {
        stroke-dasharray: 1;
        transform: rotate(0);
    }
    100% {
        transform: rotate(180deg);
        stroke-dasharray: 8;
    }
}

/* النسخة الخاصة بـ iOS Safari */
@-webkit-keyframes rounded {
    0% {
        stroke-dasharray: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        stroke-dasharray: 8;
    }
}