.smart-blog-pagination{--color:#124e66;--square-gap:4px;--square-size:40px;--square-radius:2px;flex-wrap:wrap;gap:var(--square-gap)}.smart-blog-pagination,.smart-blog-pagination li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.smart-blog-pagination li{background-color:#fff;border:1px solid var(--color);border-radius:var(--square-radius);color:var(--color);height:var(--square-size);margin:0;overflow:hidden;width:var(--square-size);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.smart-blog-pagination li.disabled,.smart-blog-pagination li.disabled:hover{cursor:default}.smart-blog-pagination li a{align-items:center;background-color:#fff;color:var(--color);display:flex;height:100%;justify-content:center;text-decoration:none;transition:all .2s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.smart-blog-pagination a:hover{background-color:#f1f1f1}.smart-blog-pagination li.active a{background-color:var(--color);color:#fff!important}.smart-blog-pagination li.active a:hover{background-color:var(--color)}.smart-blog-pagination svg{height:20px;width:20px}.smart-blog-pagination svg path{fill:var(--color)}