.f3-widget-paginator {
   display: flex;
   list-style-type: none;
   padding: 1.5rem 0;
   margin: 0;
   max-width: 100%;
 }
 .f3-widget-paginator li {
   background-color: #333;
   border-right: 1px solid #4d4d4d;
 }
 .f3-widget-paginator li.current {
   background-color: #1a1a1a;
   padding: 16px 24px;
   color: white;
   font-weight: bold;
   font-size: 1.4rem;
 }
 .f3-widget-paginator li a {
   display: block;
   position: relative;
   padding: 16px 24px;
   text-decoration: none;
   font-size: 1.4rem;
   color: white;
 }
 .f3-widget-paginator li a:hover {
   background-color: #1a1a1a;
 }
 .f3-widget-paginator li.previous, .f3-widget-paginator li.next {
   position: relative;
   min-width: 30px;
 }
 .f3-widget-paginator li.previous a, .f3-widget-paginator li.next a {
   text-indent: -9999px;
   position: relative;
 }
 .f3-widget-paginator li.previous a:hover, .f3-widget-paginator li.next a:hover {
   background: none;
 }
 .f3-widget-paginator li.previous:before, .f3-widget-paginator li.next:before {
   content: ">";
   font-weight: bold;
   color: white;
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 100%;
 }
 .f3-widget-paginator li.previous:hover, .f3-widget-paginator li.next:hover {
   background-color: #1a1a1a;
 }
 .f3-widget-paginator li.previous:before {
   content: "<";
 }
 .f3-widget-paginator li:first-child {
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
 }
 .f3-widget-paginator li:last-child {
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
   border-right: none;
 }
 @media (min-width: 768px) {
   .f3-widget-paginator li.current, .f3-widget-paginator li a {
     padding: 10px 15px;
     font-size: 1.1rem;
   }
 }
 @media (min-width: 1024px) {
   .f3-widget-paginator li.current, .f3-widget-paginator li a {
     padding: 8px 12px;
     font-size: 1rem;
   }
 }