/* ===============================
   STYLE 3: Dotted Ring
   Name: Dotted Ring
   Icon: ⚪
   =============================== */

.vt-circle::before {
    inset: 0;
    border-radius: 50%;
    border: 4px dotted #e5e5e5;
    animation: vt-spin var(--vt-speed, 1s) linear infinite;
    z-index: 1;
}

body.vt-checkout-page .vt-circle::after {
    inset: 10px;
    border-radius: 50%;
    border: 4px dotted transparent;
    animation: vt-spin-reverse var(--vt-inner-speed, 0.75s) linear infinite;
    z-index: 2;
}