.pop{display:flex;position:fixed;bottom:30px;right:50px;width:500px;height:136px;box-shadow:0 0 8px 1px #ddd;z-index:9999;transition:opacity .5s ease-in-out,width .5s ease-in-out;margin:15px 0}.left{border-top:3px solid;border-left:3px solid;border-bottom:3px solid;width:420px;padding:23px 20px 0;background:#fff}.left,.right{transition:width .5s ease-in-out;text-align:center}.right{border:3px solid;position:relative;width:180px;padding:25px 10px 10px 20px;background:#ffd700;display:flex;justify-content:center;align-items:center}.left .txt,.right .txt{font-size:16px;font-weight:900;line-height:1.6;letter-spacing:.08em;margin:0 0 15px}.box{display:flex;justify-content:space-around;margin-top:10px}.icon{width:30px;height:30px;cursor:pointer}.delete-btn{display:flex;justify-content:center;align-items:center;position:absolute;top:-17px;right:-17px;width:35px;height:35px;border-radius:50%;background:#02a7d0;cursor:pointer}.red-a{color:#fc2929}@media (max-width:400px){.pop{bottom:0;right:20px;width:calc(100% - 40px);height:auto}.left{width:60%}.right{width:40%}.left .txt,.right .txt{font-size:12px}.delete-btn{top:-10px;right:-10px;width:30px;height:30px}}