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