@use "../../wwwroot/scss/variables" as *;

.btn-pulse {
    --bs-border-width: #{$bb-plus-button-border-width};
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    .pulse-ring {
        display: block;
        border-radius: 50%;
        animation: animation-pulse 3.5s ease-out;
        animation-iteration-count: infinite;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

@keyframes animation-pulse {
    0% {
        transform: scale(.1,.1);
        opacity: 0
    }

    60% {
        transform: scale(.1,.1);
        opacity: 0
    }

    65% {
        opacity: 1
    }

    100% {
        transform: scale(1.2,1.2);
        opacity: 0
    }
}
