.carregando {
    position: relative;
    color: transparent !important;
    min-height: 1.5em;
    pointer-events: none !important;
    touch-action: none !important;
    opacity: .8;

    & svg path{
        stroke: transparent !important;
    }
}

section.carregando{
    opacity: .5;
    pointer-events: none;
    touch-action: none;
}

table .carregando[icone] {
    min-height: 1.4em;
}

@keyframes carregando {
    0% {
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }

    100% {
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}

button.carregando {
    color: transparent;
}

.carregando::before {
    animation: 1s infinite carregando;
    animation-play-state: inherit;
    border: solid 3px #cfd0d1;
    border-bottom-color: #666;
    border-radius: 50%;
    content: "";
    height: 1em;
    width: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
}