.dl-paginate{display:flex;justify-content:center;list-style-type:none}.dl-paginate .paginate-buttons{background-color:#fff;border:1px solid #ddd;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:200;padding:.5rem .7rem}.dl-paginate .active-page:hover,.dl-paginate .paginate-buttons:hover{background-color:#ddd;color:var(--primary-color)}.dl-paginate .active-page{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.dl-paginate .back-button:active,.dl-paginate .next-button:active{background-color:#ddd}.dl-paginate.dl-av-paginate{justify-content:flex-end}.dl-paginate.dl-av-paginate .pagination-container{gap:.5rem}.dl-paginate.dl-av-paginate .pagination-container .paginate-buttons{border:1px solid color-mix(in srgb,var(--primary-color) 60%,transparent);border-radius:.2rem;padding:.3rem .7rem}.dl-paginate.dl-av-paginate .pagination-container .paginate-buttons:hover{background-color:color-mix(in srgb,var(--primary-color) 20%,transparent)}.dl-paginate.dl-av-paginate .pagination-container .paginate-buttons.active-page{background-color:color-mix(in srgb,var(--primary-color) 30%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 60%,transparent);color:var(--primary-color)}.dl-paginate.dl-av-paginate .pagination-container .paginate-buttons.back-button,.dl-paginate.dl-av-paginate .pagination-container .paginate-buttons.next-button{border:none}.dl-paginate.dl-av-paginate .pagination-container .paginate-buttons.back-button:hover,.dl-paginate.dl-av-paginate .pagination-container .paginate-buttons.next-button:hover{background-color:color-mix(in srgb,var(--primary-color) 20%,transparent)}
