/* ******************************************** */
/** COMPONENT: BTN (fixed)
/* ******************************************** */


.c-btn.is-loading .c-btn__loader{
    display: inline-block;
    vertical-align: middle;
    width: 1.1em;
    height: 1.1em;
    position: relative;
    top: -2px;
    border: 2px solid rgba(255,255,255,0.4);
    border-top-color: #fff;
    border-right-color: #fff;
    border-radius: 50%;
    margin-inline-end: 0.4em;
    margin-inline-start: -0.4em;

    -webkit-animation: loading 500ms linear infinite;
    animation: loading 500ms linear infinite;
}



/* ********************** KEYFRAMES ********************** */

@-webkit-keyframes loading{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loading{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}