.loading{--speed-of-animation:0.9s;--gap:6px;--first-color:#4c86f9;--second-color:#49a84c;--third-color:#f6bb02;--fourth-color:#f6bb02;--fifth-color:#2196f3;display:flex;justify-content:center;align-items:center;width:100px;gap:6px;height:100px}.loading span{width:4px;height:50px;background:var(--first-color);animation:scale var(--speed-of-animation) ease-in-out infinite}.loading span:nth-child(2){background:var(--second-color);animation-delay:-.8s}.loading span:nth-child(3){background:var(--third-color);animation-delay:-.7s}.loading span:nth-child(4){background:var(--fourth-color);animation-delay:-.6s}.loading span:nth-child(5){background:var(--fifth-color);animation-delay:-.5s}@keyframes scale{0%,40%,to{transform:scaleY(.05)}20%{transform:scaleY(1)}}.button{display:block;position:relative;width:56px;height:56px;margin:0;overflow:hidden;outline:none;background-color:transparent;cursor:pointer;border:0}.button:after,.button:before{content:"";position:absolute;border-radius:50%;inset:7px}.button:before{border:4px solid #f0eeef;transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms}.button:after{border:4px solid #96daf0;transform:scale(1.3)}.button:after,.button:focus:before,.button:hover:before{transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94);opacity:0}.button:focus:before,.button:hover:before{transform:scale(.7)}.button:focus:after,.button:hover:after{opacity:1;transform:scale(1);transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms}.button-box{display:flex;position:absolute;top:0;left:0}.button-elem{display:block;width:20px;height:20px;margin:17px 18px 0;transform:rotate(180deg);fill:#f0eeef}.button:focus .button-box,.button:hover .button-box{transition:.4s;transform:translateX(-56px)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pay-button{background:#f7b500;color:#fff;border:none;padding:15px 30px;font-size:18px;border-radius:50px;cursor:pointer;transition:all .3s ease;animation:popIn 1s ease forwards;animation-delay:.6s;width:100%;max-width:250px}.card h2{color:rgb(90,78,14);margin-bottom:16px}.detail{margin-bottom:12px}.detail,.label{font-family:Arial,sans-serif}.label{font-size:14px;color:#777}.value{font-size:16px;font-weight:700}