.download-container{width:100%;max-width:600px;margin:0 auto;padding:20px;flex-direction:column;gap:20px}.download-button,.download-container{position:relative;display:flex;align-items:center}.download-button{background-color:transparent;border:2px solid #5b5bf0;border-radius:50px;padding:5px;width:160px;height:60px;cursor:pointer;transition:all .4s ease;overflow:hidden}.download-button:focus{outline:none;box-shadow:0 0 0 3px rgba(91,91,240,.3)}.button-circle{position:relative;width:50px;height:50px;border-radius:50%;background-color:#5b5bf0;display:flex;justify-content:center;align-items:center;transition:all .4s ease;flex-shrink:0}.download-icon{width:24px;height:24px;color:white;transition:all .3s ease}.checkmark{width:16px;height:16px;background-color:white;border-radius:2px;opacity:0;transform:scale(.8)}.button-text,.checkmark{position:absolute;transition:all .3s ease}.button-text{right:20px;color:black;font-size:16px;font-weight:500;white-space:nowrap}.download-button.downloading{width:60px}.download-button.downloading .button-circle{animation:pulse 1s infinite,rotate .5s ease forwards}.download-button.downloading .download-icon{opacity:0}.download-button.downloading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 2s infinite}.download-button.complete{width:150px;border-color:#23ae23}.download-button.complete .button-circle{background-color:#23ae23}.download-button.complete .checkmark{opacity:1;transform:scale(1)}.download-button.complete .button-text{right:40px}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{transform:scale(1);box-shadow:0 0 0 15px rgba(255,255,255,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,255,255,0)}}@keyframes rotate{to{transform:rotate(180deg)}}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}