.loading-button {
    position: relative;
    padding: 12px 24px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden;
    z-index: 0;
}

/* Borda animada */
.loading-button::before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: inherit;
    background: conic-gradient(
        transparent,
        transparent,
        var(--primary-color),
        transparent,
        transparent
    );
    animation: spin 3s linear infinite;
    z-index: -2;
}

/* Cobre o centro para deixar apenas a borda visível */
.loading-button::after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: inherit;
    background: #1f2937;
    z-index: -1;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.application .actions button, .application .actions a {

    transition:
        padding 0.5s ease,
        font-size 0.5s ease,
        border-radius 0.5s ease;
}

#actions-buttons-local button, #actions-buttons-local a {
    opacity: 0;
    transition-behavior: normal;
    transition-duration: 600ms;
    transition-timing-function: ease;
    transition-delay: 0.1s;
    transition-property: opacity;

}

#actions-buttons-local button.visible, #actions-buttons-local a.visible {
    opacity: 1;
}