:root {
    --s-loader-width: 20px;
    --s-loader-height: var(--s-loader-width);
    --s-loader-border-color-trans: rgba(255, 00, 93, 0.2);
    --s-loader-border-color-full: #E20613;
}

.caso-spinning-loader-text {
    padding-left: 5px;
    color: #E20613;
}

    .caso-spinning-loader-text:before {
        content: 'Loading...';
    }


    .caso-spinning-loader-container {
        margin: 0;
        height: auto;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }


.caso-spinning-loader {
    width: var(--s-loader-width);
    height: var(--s-loader-height);
    border: 3px solid var(--s-loader-border-color-trans);
    border-left-color: var(--s-loader-border-color-full);
    border-radius: 50%;
    background: transparent;
    animation-name: rotate-s-loader;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-timing-function: linear;
    position: relative;
    display: inline-block;
}

@keyframes rotate-s-loader {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}