.loading{background:rgba(0,0,0,.8);position:fixed;top:0;left:0;width:100%;height:100%;color:#fff;opacity:0;visibility:hidden;-webkit-transition:.2s;transition:.2s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;z-index:99999;will-change:opacity}.loading img{max-width:70px}.loading.is-active{opacity:1;visibility:visible}

.datHangTim {
        -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
   
    -webkit-font-smoothing: antialiased;
    font-family: "Quicksand", sans-serif;
   
    -webkit-box-direction: normal;
    touch-action: manipulation;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .03em;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    color: #fff;
    border-color: rgba(0,0,0,.05);
    overflow: hidden;
    margin-bottom: 1em;
    font-size: 1.3em;
    transition: transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s,-webkit-transform .3s,-webkit-box-shadow .3s;
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.1);
    background-color: #9b42ff;
    border-radius: 10px;
    color: #fff;
}

.datHangTim:hover {
    background-color: #9b42ff;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-box-shadow: 0 30px 40px 0 rgba(0,0,0,.2);
    box-shadow: 0 30px 40px 0 rgba(0,0,0,.2);
    color: #fff;
}