:host {
    display: flex;

    > *:not(:last-child) {
        margin-right: 12px;
    }

    .disabled,
    span {
        opacity: 0.5;
        pointer-events: none;
    }

    .page {
        cursor: pointer;

        &.disabled,
        &.dots {
            cursor: default;
        }

        &.active {
            color: var(--iqser-primary);
            font-weight: bold;
        }
    }
}
