.show-btn{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:15px 30px;font-size:16px;font-weight:700;border-radius:25px;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s ease;margin:10px}.show-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.notification-container{position:fixed;bottom:30px;right:-400px;z-index:1000;transition:right .5s cubic-bezier(.68,-.55,.265,1.55)}.notification{padding:15px;color:#000;border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;align-items:center;gap:15px;min-width:350px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.notification-icon{width:20px;height:20px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;border-radius:50%;color:#fff;margin-right:7px}.notification-content{flex:1;display:flex;align-items:center;padding-left:10px}.notification-title{font-weight:700;font-size:16px;margin-bottom:5px}.notification-message{font-size:14px;opacity:.9;line-height:1.4}.view-cart-btn{background-color:#000;border-radius:5px;cursor:pointer}.view-cart-btn span{font-size:14px;opacity:.9;line-height:1.4;margin:10px;color:#fff;margin:10px}.close-btn{background:0 0;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.7;transition:opacity .2s;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.close-btn:hover{opacity:1;background:rgba(255,255,255,.1)}.notification-container.show{right:30px}.notification-container.hide{right:-400px;transition:right .5s ease-in}@media (max-width:480px){.notification{min-width:300px;margin:0 10px}.notification-container{right:-350px}.notification-container.show{right:10px}.notification-container.hide{right:-350px}}.demo-container{text-align:center}.info{color:#fff;margin-top:20px;opacity:.8}