/* Inline spinner for action buttons (see wwwroot/js/button-busy.js) */
@keyframes btn-busy-spin {
    to {
        transform: rotate(360deg);
    }
}

.btn-busy {
    pointer-events: none;
    cursor: not-allowed !important;
}

.btn-busy-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    max-width: 100%;
}

[ ] .btn-busy-wrap {
    flex-direction: row-reverse;
}

.btn-busy-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: inherit;
}

.btn-busy-spinner {
    flex-shrink: 0;
    width: 1.15em;
    height: 1.15em;
    animation: btn-busy-spin 0.65s linear infinite;
}