.Btn{display:flex;align-items:center;justify-content:flex-start;width:45px;height:45px;border:none;border-radius:50%;cursor:pointer;position:relative;overflow:hidden;transition-duration:.3s;box-shadow:2px 2px 10px #0003;background-color:var(--hf-accent);padding:0}.sign{width:100%;height:100%;transition-duration:.3s;display:flex;align-items:center;justify-content:center}.sign svg{width:17px;height:17px;color:#fff}.text{position:absolute;right:0%;width:0%;opacity:0;color:#fff;font-size:1.2em;font-weight:600;transition-duration:.3s;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.Btn:hover{width:125px;border-radius:40px;transition-duration:.3s}.Btn.loading:hover{width:45px;border-radius:50%;cursor:not-allowed}.Btn:hover .sign{width:30%;transition-duration:.3s;padding-left:20px}.Btn.loading:hover .sign{width:100%;padding-left:0}.Btn:hover .text{opacity:1;width:70%;transition-duration:.3s;padding-right:10px}.Btn.loading:hover .text{opacity:0;width:0}.Btn:active{transform:translate(2px,2px)}.Btn.loading{opacity:.8;pointer-events:none}