.f3-widget-paginator {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 1rem 0;
    gap: 0.6rem;
    font-weight: bold;
    font-size: 1.5rem;

    li {
        display: flex;
        align-items: center;
        list-style: none;
        padding-bottom: 2px;
        padding-left: 1px;

        &::before,
        &::after {
            content: none !important;
        }

        &.previous a,
        &.next a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background-color: #ffc600;
            color: #003b5c;
            font-weight: bold;
            text-decoration: none;
            font-size: 1rem;
            transition: background-color 0.3s;
            border: 2px solid #ffc600;
        }

        &.current {
            background-color: #fff8e1; /* Light yellow background */
            color: #003b5c;
            border-radius: 50%;
            width: 32px;
            height: 32px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
        }

        a {
            color: #003b5c;
            text-decoration: none;
            padding: 6px 10px;
            border-radius: 50%;
            transition: background-color 0.3s;

            &:hover {
                background-color: #f2f2f2;
            }
        }

        &.previous a:hover {
            background-color: #e6b800; /* Slightly darker yellow */
        }
    }
}