.theme-button,
.pagination--section .next.page-numbers {
    font-family: var(--ff-sans);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: var(--track-eyebrow);
    text-transform: uppercase;
    color: var(--ink);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
    border: none;
    border-bottom: 1px solid var(--ink);
    background: transparent;
    box-shadow: none;
    text-decoration: none;
    cursor: pointer;
    transition: color var(--dur-fast), border-color var(--dur-fast);
}

.theme-button::after,
.pagination--section .next.page-numbers::after {
    content: "→";
    transition: transform var(--dur-std) var(--ease-editorial);
}

.blog--item:hover .theme-button,
.theme-button:hover,
.pagination--section .next.page-numbers:hover {
    color: var(--signal);
    border-color: var(--signal);
    text-decoration: none;
}

.blog--item:hover .theme-button::after,
.theme-button:hover::after,
.pagination--section .next.page-numbers:hover::after {
    transform: translateX(4px);
}

.pagination--section .next.page-numbers.disabled,
.pagination--section .next.page-numbers.disabled:hover {
    color: var(--fg-2);
    border-color: var(--fg-2);
    cursor: default;
}

.pagination--section .next.page-numbers.disabled::after,
.pagination--section .next.page-numbers.disabled:hover::after {
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    .theme-button,
    .theme-button::after,
    .pagination--section .next.page-numbers,
    .pagination--section .next.page-numbers::after {
        transition: none;
    }
}