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

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

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