.donate-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,#303371,#3d5368);color:#fff;font-size:16px;font-weight:600;text-decoration:none;padding:10px 24px;border-radius:50px;box-shadow:inset 0 4px 12px rgba(0,0,0,0.25),0 2px 10px rgba(0,0,0,0.2);transition:all 0.3s ease}.donate-btn .icon{background:#fff;color:#3d5368;border-radius:50%;padding:6px;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease}.donate-btn .icon i{transition:transform 0.4s ease}.donate-btn:hover .icon i{transform:rotate(20deg)}.progress{height:8px;overflow:initial;position:relative;border-radius:5px;margin-bottom:30px;background-color:#eeeeee}.progress .progress-bar{overflow:initial;top:0;left:0;height:100%;position:absolute;border-radius:5px 0 0 5px;background-color:#fa9884}.progress .progress-bar.progress-bar--yellow{background-color:#f8a23c}.progress .progress-bar.progress-bar--yellow:after{border-color:#f8a23c}.progress .progress-bar.progress-bar--green{background-color:#20b86d}.progress .progress-bar.progress-bar--green:after{border-color:#20b86d}.progress .progress-bar.progress-bar--blue{background-color:#40A2E3}.progress .progress-bar.progress-bar--blue:after{border-color:#40A2E3}.progress .progress-bar:after{content:"";position:absolute;top:-3.5px;right:0;width:5px;height:5px;border-radius:50%;background:#fff;outline:1px solid white;border:5px solid #fa9884}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.spin-container_by_sd{display:flex;justify-content:center;align-items:center}.spin-container{position:relative;width:300px;height:300px}.spin-container img{width:100%;height:100%;border-radius:50%;animation:spin 6s linear infinite}.spin-container::after{content:"\f04b";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:48px;text-shadow:0 0 10px rgba(0,0,0,0.5);pointer-events:none}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spin-container:hover img{animation-play-state:paused}