.popup{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.4);overflow:hidden}.popup-content{width:90%;max-width:400px;height:auto;max-height:90%;display:flex;flex-direction:column;align-items:flex-start;background-color:#fff;padding:20px;border:1px solid #888;border-radius:8px;overflow-y:auto}.buttons-container{display:flex;margin-top:10%;margin-left:auto;gap:20px}.button{height:30px;width:100px;font-size:14px}.button:hover{background-color:#fcca82}.cancel{margin-right:15px;background-color:#fff}.cancel,.delete{border:1px solid#f99506}.delete{background-color:#f99506}@media (max-width:768px){.popup-content{width:95%;padding:15px}.button{font-size:13px}}@media (max-width:480px){.popup-content{padding:10px}.buttons-container{flex-direction:column;gap:10px;width:100%}.button{width:100%;height:35px}}