┌─ SCSS ────────────────────────────────────────────────────────────────────[ COPY ]─┐
│ .pager {                                                                           │
│   a {                                                                              │
│     color: var(--ink);                                                             │
│     text-decoration: none;                                                         │
│                                                                                    │
│     &:hover {                                                                      │
│       text-decoration: underline;                                                  │
│       text-underline-offset: 3px;                                                  │
│     }                                                                              │
│                                                                                    │
│     &:focus-visible {                                                              │
│       outline: 1px dashed var(--ink);                                              │
│       outline-offset: 1px;                                                         │
│     }                                                                              │
│   }                                                                                │
│                                                                                    │
│   .pager-current {                                                                 │
│     font-weight: 700;                                                              │
│     background: var(--ink);                                                        │
│     color: var(--paper);                                                           │
│   }                                                                                │
│                                                                                    │
│   .pager-gap,                                                                      │
│   .pager-arrow.disabled {                                                          │
│     color: var(--ink-soft);                                                        │
│   }                                                                                │
│ }                                                                                  │
└────────────────────────────────────────────────────────────────────────────────────┘

┌─ SCSS ──────────────────────────────[ COPY ]─┐
│ .pager {                                     │
│   a {                                        │
│     color: var(--ink);                       │
│     text-decoration: none;                   │
│                                              │
│     &:hover {                                │
│       text-decoration: underline;            │
│       text-underline-offset: 3px;            │
│     }                                        │
│                                              │
│     &:focus-visible {                        │
│       outline: 1px dashed var(--ink);        │
│       outline-offset: 1px;                   │
│     }                                        │
│   }                                          │
│                                              │
│   .pager-current {                           │
│     font-weight: 700;                        │
│     background: var(--ink);                  │
│     color: var(--paper);                     │
│   }                                          │
│                                              │
│   .pager-gap,                                │
│   .pager-arrow.disabled {                    │
│     color: var(--ink-soft);                  │
│   }                                          │
│ }                                            │
└──────────────────────────────────────────────┘