.book_counters {color: #666; font-size: 12px; line-height: 12px;}
.book_counters > span {padding: 0 0 0 16px;}
.book_counters .added {margin: 0 12px 0 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Crect x='4' width='3' height='11' rx='1' fill='%23888888'/%3E%3Crect y='4' width='11' height='3' rx='1' fill='%23888888'/%3E%3C/svg%3E") no-repeat 0 0;}
.book_counters .readed {margin: 0 12px 0 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M9.29298 1.7072C9.68347 1.31671 10.3166 1.31667 10.7071 1.70711L11.2927 2.2926C11.6833 2.6831 11.6834 3.31632 11.2929 3.70688L4.70711 10.293C4.31659 10.6836 3.6834 10.6836 3.29287 10.293L0.707106 7.70728C0.316582 7.31676 0.316582 6.68359 0.707106 6.29307L1.29289 5.70728C1.68342 5.31676 2.31658 5.31676 2.70711 5.70728L4 7.00018L9.29298 1.7072Z' fill='%23888888'/%3E%3C/svg%3E") no-repeat 0 0;}
.book_counters .commented {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 2C0 1.44772 0.447715 1 1 1H11C11.5523 1 12 1.44772 12 2V8C12 8.55228 11.5523 9 11 9H10V11.2526C10 11.5721 9.64394 11.7626 9.37812 11.5854L5.5 9H1C0.447715 9 0 8.55228 0 8V2ZM4 5C4 5.55228 3.55228 6 3 6C2.44772 6 2 5.55228 2 5C2 4.44772 2.44772 4 3 4C3.55228 4 4 4.44772 4 5ZM6 6C6.55228 6 7 5.55228 7 5C7 4.44772 6.55228 4 6 4C5.44772 4 5 4.44772 5 5C5 5.55228 5.44772 6 6 6ZM10 5C10 5.55228 9.55229 6 9 6C8.44771 6 8 5.55228 8 5C8 4.44772 8.44771 4 9 4C9.55229 4 10 4.44772 10 5Z' fill='%23888888'/%3E%3C/svg%3E") no-repeat 0 0;}
.book_counters .commented a {color: #666; text-decoration: none;}

.book_counters_buttons {display: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}
.cover_float:hover .book_counters_buttons {display: block;}
.book_counters_buttons span {display: block; position: relative; cursor: pointer; height: 32px; font-size: 14px; color: #FFFFFF; line-height: 32px; padding-left: 30px;}
.book_counters_buttons span:before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000000; opacity: 0.8; z-index: -1;}
.book_counters_buttons span:hover:before {background: #FFC400;}
.book_counters_buttons span.active:before {background: #FFC400; opacity: 1;}
.book_counters_buttons span:after {content: ""; position: absolute; width: 11px; height: 11px; top: 10px; left: 10px;}
.book_counters_buttons .set_aside:after {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Crect x='4' width='3' height='11' rx='1' fill='white'/%3E%3Crect y='4' width='11' height='3' rx='1' fill='white'/%3E%3C/svg%3E") no-repeat 0 0;}
.book_counters_buttons .set_read:after {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M9.29298 1.7072C9.68347 1.31671 10.3166 1.31667 10.7071 1.70712L11.2927 2.29261C11.6833 2.68311 11.6834 3.31633 11.2929 3.70689L4.70711 10.293C4.31659 10.6836 3.6834 10.6836 3.29287 10.2931L0.707106 7.70729C0.316582 7.31676 0.316582 6.6836 0.707106 6.29308L1.29289 5.70729C1.68342 5.31677 2.31658 5.31677 2.70711 5.70729L4 7.00018L9.29298 1.7072Z' fill='white'/%3E%3C/svg%3E") no-repeat 0 0;}