.likes-dislikes{margin:20px 0;max-width:250px}.vote-buttons{width:100%;display:inline-flex;gap:0;margin-bottom:5px}.likes-button,.dislikes-button{cursor:pointer;border:none;color:#fff;transition:background-color 0.3s ease}.likes-button{width:50%;background:#4caf50!important}.dislikes-button{width:50%;background:#F44336!important}.likes-button:hover{background-color:#45a049}.dislikes-button:hover{background-color:#e74c3c}.likes-button.active-like{background-color:#388e3c}.dislikes-button.active-dislike{background-color:#c62828}.likes-button:disabled,.dislikes-button:disabled{cursor:not-allowed;opacity:.6}.progress-bar-container{width:100%;height:2px;background-color:#fff;margin-top:0;border-radius:1px;overflow:hidden;display:flex}.progress-bar-green,.progress-bar-red{height:100%;transition:width 0.5s ease}.progress-bar-green{background-color:#4caf50}.progress-bar-red{background-color:#f44336}.rating{margin-top:0;font-size:12px;font-weight:400;color:#fff}.vote-notification{position:fixed;top:-50px;left:50%;transform:translateX(-50%);background-color:#4CAF50;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 2px 5px rgb(0 0 0 / .2);z-index:9999;font-size:16px;text-align:center}