@base:#212121;
@color:silver;
@accent:#27ae60;
@borderRadius:4px;

.twoToneCenter {
    text-align:center;
    margin:1em 0;
}
.LoadingBtn {
    display: inline-block;
    outline:none;
    padding:10px 20px;
    line-height: 1.4;
    
    position: relative;
    transition: padding-right .3s ease;
    font-weight:700;
    
}

.LoadingBtn:hover {
}

.LoadingBtn:active{
}

.LoadingBtn.spinning {
    padding-right: 40px;
}
.LoadingBtn.spinning:after {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    width: 0;
    height: 0;
    position: absolute;
    border-radius: 50%;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease;
}

.LoadingBtn.spinning:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 6px;
    top: 50%;
    position: absolute;
    border-right: 3px solid;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease ;
}


@keyframes rotate360 { 
    100% {
        transform: rotate(360deg);
    }
}
@keyframes exist { 
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0;
    }
}