#logout-main-btn{border:1px solid #ef520f;padding:12px 20px;font-size:15px;background-color:rgba(0,0,0,0);color:#ef520f;border-radius:12px;cursor:pointer}#logout-main-btn:hover{background-color:#ef520f;color:#fff}.logout-modal{position:fixed;display:flex;align-items:center;justify-content:center;z-index:-111;width:100%;top:0;left:0;height:100%;background-color:rgba(0,0,0,.2588235294);opacity:0;transform:translateX(-20px)}.logout-modal.active{z-index:111;opacity:1;transform:translateX(0)}.logout-modal .logout-modal-content{width:500px;padding:30px;background-color:#fff;z-index:-1111;border-radius:15px;opacity:0;transform:translateX(20px)}.logout-modal .logout-modal-content.active{z-index:1111;opacity:1;transform:translateX(0)}.logout-modal .logout-modal-content p{font-size:18px;text-align:center}.logout-modal .logout-modal-content .logout-actions{display:flex;gap:10px;width:100%;margin-top:20px}.logout-modal .logout-modal-content .logout-actions button{width:50%;padding:15px 20px;cursor:pointer;background-color:rgba(0,0,0,0);border:none;font-size:15px;border-radius:12px;font-weight:500}.logout-modal .logout-modal-content .logout-actions button:first-child{background-color:green;color:#fff}.logout-modal .logout-modal-content .logout-actions button:first-child:hover{background-color:rgba(0,128,0,.74)}.logout-modal .logout-modal-content .logout-actions button:last-child{color:red}.logout-modal .logout-modal-content .logout-actions button:last-child:hover{background-color:red;color:#fff}@media screen and (max-width:749px){#logout-main-btn{border:1px solid #ef520f;padding:10px 15px;font-size:13px}#logout-main-btn:hover{background-color:#ef520f;color:#fff}.logout-modal .logout-modal-content{width:90%}.logout-modal .logout-modal-content p{font-size:15px}}