.custom-checkbox-viva {
        /* hiding browser el */
        appearance: none;
        /* Safari support */
        -webkit-appearance: none;
        background-color: var(--color-neutral-000);
        border: 0.2rem solid #fff;
        border-radius: 25%;
    }

    .outline-checkbox-viva {
        outline: 1px solid var(--color-neutral-800);
    }

    .checkboxTerms .outline-checkbox-viva:checked {
        outline-color: var(--color-neutral-800);
        background-color: var(--color-viva-orange-500);
        animation: outline-checked;
        animation-duration: 0.1s;
        animation-iteration-count: 4;
        animation-direction: alternate;
        animation-timing-function: linear;
    }

    @keyframes outline-checked {
        0% {
        outline-offset: 0;
        }

        100% {
        outline-offset: -0.2rem;
        }
    }