.pulse-success{
    display: inline-block;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: var(--bb-success-color);
    animation: 1.5s pulse-success infinite ease-in-out;
}

@keyframes pulse-success {
    0% {
        box-shadow: 0 0 0 0 var(--bb-success-color-low-contrast);
    }

    100% {
        box-shadow: 0 0 0 10px #69ffa800;
    }
}

.pulse{
    display: inline-block;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    background: var(--bb-accent-color);
    vertical-align: sub;
    animation: 1.5s pulse-success infinite ease-in-out;
}

@keyframes pulse-success {
    0% {
        box-shadow: 0 0 0 0 var(--bb-accent-color-25opa);
    }

    100% {
        box-shadow: 0 0 0 10px #69ffa800;
    }
}