#notification{align-items:center;background-color:#e5c877;border-radius:50%;bottom:30px;box-shadow:0 6px 20px rgba(0,0,0,.3);cursor:pointer;display:flex;font-size:16px;height:60px;justify-content:center;opacity:0;position:fixed;right:30px;transform:translateY(100px);transition:all .5s ease-out;width:60px;z-index:1000}#notification.visible{opacity:1;transform:translateY(0)}#notification:after{animation:pulse 2s infinite;background-color:#e5c877;border-radius:50%;content:"";height:100%;position:absolute;width:100%;z-index:-1}@keyframes pulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1)}}#notification:hover{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.icon{color:#fff;font-size:28px}#expanded-panel{background-color:#fff;border-radius:12px;bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.4);color:#333;display:none;opacity:0;padding:24px;position:fixed;right:30px;transform:scale(.8);transition:all .4s ease;width:320px;z-index:1001}#expanded-panel.visible{display:block;opacity:1;transform:scale(1)}#expanded-panel h3{margin-bottom:16px;margin-top:0}#close-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:24px;position:absolute;right:12px;top:12px}