#sliding-banner{position:fixed;right:-300px;top:50%;transform:translateY(-50%);width:300px;height:auto;background:linear-gradient(to bottom,#f0f8ff,#fff);box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:100;border-radius:8px;overflow:hidden;transition:right .5s ease;padding:20px;font-family:Roboto,sans-serif}.banner-header{text-align:center;font-weight:700;font-size:18px;color:#1d4ed8;margin-bottom:10px}.banner-content{text-align:center}.banner-message{font-size:14px;color:#374151;margin-bottom:15px}.vote-options{display:flex;flex-direction:column;gap:10px}.vote-submit{background-color:#3b82f6;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;transition:background-color .3s;width:100%;text-align:center}.vote-submit:hover{background-color:#2563eb}.vote-submit{background-color:#10b981}.vote-submit:hover{background-color:#059669}.vote-submit::before{content:'';position:absolute;top:0;left:0;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.8) 0,rgba(255,255,255,0) 60%);animation:sparkle-animation 3s linear infinite;pointer-events:none;opacity:.5}@keyframes sparkle-animation{0%{transform:translate(-100%,-100%)}50%{transform:translate(50%,50%)}100%{transform:translate(200%,200%)}}.close-icon{position:absolute;top:10px;right:10px;background:0 0;border:none;font-size:20px;font-weight:700;color:#6b7280;cursor:pointer;transition:transform .2s}.close-icon:hover{transform:scale(1.2)}