.Btn{cursor:pointer;width:45px;height:45px;box-shadow:none;background-color:#0000;border:none;border-radius:50%;justify-content:flex-start;align-items:center;transition-duration:.3s;display:flex;position:relative;overflow:hidden}.sign{justify-content:center;align-items:center;width:100%;transition-duration:.3s;display:flex}.sign svg{width:17px}.sign svg path{fill:#fff}.text{opacity:0;color:#fff;width:0%;font-size:1.1em;font-weight:600;transition-duration:.3s;position:absolute;right:0%}.Btn:hover{background-color:#ff4141;border-radius:40px;width:125px;transition-duration:.3s;box-shadow:2px 2px 10px #0003}.Btn:hover .sign{width:30%;padding-left:20px;transition-duration:.3s}.Btn:hover .text{opacity:1;width:70%;padding-right:10px;transition-duration:.3s}.Btn:active{transform:translate(2px,2px)}
.deleteBtn{width:45px;height:45px;box-shadow:none;cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition-duration:.3s;display:flex;position:relative;overflow:hidden}.deleteBtn .svgIcon{width:12px;transition-duration:.3s}.deleteBtn .svgIcon path{fill:#fff}.deleteBtn:hover{background-color:#ff4545;border-radius:50px;align-items:center;width:100px;transition-duration:.3s}.deleteBtn:hover .svgIcon{width:50px;transition-duration:.3s;transform:translateY(60%)}.deleteBtn:before{content:"Delete";color:#fff;font-size:2px;transition-duration:.3s;position:absolute;top:-20px}.deleteBtn:hover:before{opacity:1;font-size:13px;transition-duration:.3s;transform:translateY(30px)}