.spinner {
    margin: 10px auto 0 auto;
    display: block;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    border: 0.2rem solid rgba(255, 255, 255, 0.3);
    border-top-color: var(--bs-white);
    -webkit-animation: spinAround 500ms infinite linear;
    animation: spinAround 500ms infinite linear;
    will-change: transform;
}

.btn .spinner {
    width: 20px;
    height: 20px;
    border-width: 0.15rem;
}

@-webkit-keyframes spinAround {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
@keyframes spinAround {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}